Forum Moderators: open
I realize that it's probably something so stupid and obvious no one even needs to discuss it but it's driving me nuts!
It has been a little while since I've done web work (last used dreamweaver 4) but it still looks the same. And why would it look different in temp view vs real view?
If you're using site root-relative links (what I've always called an "absolute path"), you need to use DW's "preview with temp file" feature. The reason for this is: Since your computer isn't a web server and doesn't know what the root of your site is, it doesn't know how to handle site-root relative links. Thus, DW's "preview with temp" feature creates a temp file that DOES handle site-root relative links properly. Of course, when you click a link in that temp file to another file in the site, your browser just loads the regular file -- and again, your computer doesn't know what your site root is, so the file you clicked to from the temp file won't have working links.
But if you're using site-root relative links without DW's "preview with temp" feature, then when you preview, none of the links in the previewed page will work -- because your computer doesn't know what your site root is.
You should keep your templates in DW's Templates folder, and keep nothing else in there, and you should not rename that folder. You should not move your templates anywhere else. If you need to move other files around in your site, you should always do it from within DW, so that it can re-write the links as necessary.
<link href="../css/site.css" rel="stylesheet" type="text/css">
<!-- InstanceBeginEditable name="pagecss" -->
<style type="text/css" media="screen">
td#solutions a:link, td#solutions a:visited {
background: url(../css/nav2.gif);
color: #FFFFCC;
}
</style>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --></head>
<body bgcolor="#FFFFFF">
<table id="nav" width="780" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td id="colorbar" height="12" colspan="7" bgcolor="333"> </td>
</tr>
<tr>
<td id="home" height="80" colspan="2" bgcolor="a89d90"><!-- InstanceBeginEditable name="logo" --><a href="../index.html"><img src="../images/InfoTlogo.gif" width="200" height="80" border="0" align="top"></a><!-- InstanceEndEditable --></td>
<td id="topgraphic" height="110" colspan="4" rowspan="2"><!-- InstanceBeginEditable name="photo" --><img src="../images/topper1.jpg" width="415" height="110" align="top"><!-- InstanceEndEditable --></td>You can see I’ve added dots <link href=”../ css/site.css > to the front of each link areas. If I don’t add the dots, the links don’t work either as site root ( /css/site.css) or relative to document (site.css) in DW preview or live pages. Yes, it shows properly when DW is set to use a temp file at preview in browser, but doesn’t when viewing the actual file. What I’ve been doing is setting links using site root or absolute, then adding the dots so I can see the page. Since css is a big part of the design, I need to have the link work to view it properly.
I can’t see what it is I’m doing incorrectly. I appreciate your help.
