Re: Bug with Templates and CSS Page Designs

Now do the same thing again, only this time when you link to the stylesheet
the first time, make sure you are set to Relative To: Document.

OK, I've looked around, but can't seem to figure out how to set that Relative
To: Document

OK, I've looked around, but can't seem to figure out how to set that Relative
To: Document

for the CSS link- try this.
Dw menu-->View-->Head Content

that puts a new icon bar near top of document, with icons for stuff in the
head. click on the CSS one, it will look like an anchor chain link.
The property inspector will now show it's a linked file with a source of
something.css

click the Folder icon to the right of where the filename is, to re-browse to
the css file.

when the "browse to file" dialog box opens, look in the bottom of it. There
is a PULLDOWN to set Site Root relative, or Relative to Document.

set to Relative to Document
Finish selecting the .css file

that work?

This is correct -

Code in template:
link rel="stylesheet" href="/emx_nav_right.css" type="text/css"

Code in child from template:
link rel="stylesheet" href="/emx_nav_right.css" type="text/css"

That will work. There's no need to change anything unless you want them to
be DOCUMENT RELATIVE.

When you link to a stylesheet by browsing, you will see a "Relative To:"
field at the bottom left of the browse panel. That's where you change it.

Now if I change the template code to:
link rel="stylesheet" href="../emx_nav_right.css" type="text/css"

Code in template:
link rel="stylesheet" href="/emx_nav_right.css" type="text/css"

Code in child from template:
link rel="stylesheet" href="/emx_nav_right.css" type="text/css"

Do NOT do this! What you have shown is that you can change it manually, but
the Relative To setting is STILL at ROOT which is why the link in the child
page is still a root relative link.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Magnetar" <webforumsuser (AT) macromedia (DOT) com> wrote

Sorry if I seem dense. I went through the whole process again.

This time I defined a remote site:

Select Dreamweaver Site from the start page
Name the site TestingLinking
No, I do not want to use a server technology.
Edit local copies on my machine, then upload to server when ready
(recommended)
Store the files here c:\Sites\TestingLinking\
How do you connect to remote server? FTP
Hostname: home.anavoc.us
What folder on your server do you want to store your files in? Left this
field
blank (is this a problem?)
Entered FTP login and password
Connection tests successfully
No, do not enable check in and check out

Back to start page
Create from samples: Page Designs (CSS): Halo Right Nav
Save page as main.htm in C:\Sites\TestingLinking\
(copy dependent files when prompted)
Then execute command: Make Template, accepting defaults, that is, file
name
main in site TestingLinking
Update links when prompted
Select the paragraph text below the "Feature Title" text and make it
editable
region: Region_Test
Save All and Close the file

Now: File:New
Select Templates tab
Select Site "TestingLinking"
Select "main"
Click "Create"
Save as "Test_A.htm"
Open "Test_A.htm", view in IE note loss of stylesheet link.

At this point:

Code in original main.htm:
link rel="stylesheet" href="emx_nav_right.css" type="text/css"

Code in template:
link rel="stylesheet" href="/emx_nav_right.css" type="text/css"

Code in child from template:
link rel="stylesheet" href="/emx_nav_right.css" type="text/css"

Now if I change the template code to:
link rel="stylesheet" href="../emx_nav_right.css" type="text/css"

All the previous child files update to:
link rel="stylesheet" href="emx_nav_right.css" type="text/css"

But a new child from the template looks like this:
link rel="stylesheet" href="/emx_nav_right.css" type="text/css"

Thanks Murray for your patient assistance!

It looks like if I link the stylesheet to the htm page by browsing to the
stylesheet first (relative to: Document) THEN make the template, the linking
issues go away.

I still don't understand why, though. The htm page seems to be already linked
to the stylesheet through the process of creating the page/stylesheet to begin
with. The code in the html doesn't look any different to me. Is there somewhere
in the html code where the relative to: property is set?

No. What is happening is rthe this setting is "sticky." Once it is set,
that's where it stays. Having changed it now, if you go back through the
process again, it'll work as you expect.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Magnetar" <webforumsuser (AT) macromedia (DOT) com> wrote

Thanks Murray for your patient assistance!

It looks like if I link the stylesheet to the htm page by browsing to the
stylesheet first (relative to: Document) THEN make the template, the
linking
issues go away.

I still don't understand why, though. The htm page seems to be already
linked
to the stylesheet through the process of creating the page/stylesheet to
begin
with. The code in the html doesn't look any different to me. Is there
somewhere
in the html code where the relative to: property is set?