Applying CSS while editing in Dreamweaver tips?

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I have an annoying issue in Dreamweaver CS3 that I was hoping I could
get some help on.

I have a site I'm working on. The file structure is:

--  contains page.php which is the bare frame for all the pages. The
styles.css link and all head info, etc. is in this page.

--  contains styles.css which has all the styles

--  contains all the actual data pages that get included into page.php
via PHP (that it's PHP is not important)

Now, when I'm working on, say, W:/site/data/123.php, the DW GUI has no
idea what styles are available as all 123.php is is text with DIV id's
and SPAN classes attributed. On the Web site, the contents of this
page would simply get included into page.php.

So the DW preview shows everything in default appearance.

If I link the styles.css into the file, sure I edit it and it'll let
me use the styles in the GUI instead of my having to keep looking at
the styles page and hand-typing in ...class="blah"....
But the link will be put in as "../includes/styles.css" which works
while I'm in DW, but doesn't while it's on the Web get it,
because 123.php doesn't technically exist when it's rendered to the's embeded in page.php so "../" becomes meaningless.

Does this make sense?
Bottom line: Is there some DW tip that will allow me to either make it
recognize PHP includes so it logically knows where everything will be
when it's rendered by the browser, or, universally apply a CSS page to
everything I'm working on without having to worry about link paths
that work fine locally but foobar on the remote?

Thanks for any suggestions.

Re: Applying CSS while editing in Dreamweaver tips?

Mechphisto wrote:
Quoted text here. Click to load it

Why don't you go ask in one of the Dreamweaver forums? They have their
own newsgroups, you know.


Re: Applying CSS while editing in Dreamweaver tips?

Quoted text here. Click to load it

Why yes, yes they do.
But if I've learned anything in my 18 years using the Intertubes
(aside from how not to feed trolls and to ignore anyone "speaking" in
ALL CAPS) is that one venue to answer a question will usually have me
waiting days before someone answers...if at all.
So I ask in a few related and appropriate venues and then post the
answer I find in the others.

Case in point, I actually got a good reply, finally, from the Adobe
forum (which I have found to be notoriously unhelpful in the past),
and here's the answer:

While in the included page in the editor, in the CSS minimenu at the
top-right, click the top-top-right option drop-down and select "Design-
time...". Then apply the CSS.
Whammo! All my styles are available to select and use, and I don't
have to worry about including additional half-broken paths in my

Anyway, in case anyone else needs to know, there you go.

Site Timeline