Adobe Community: dreamweaver cs3 - CSS not rendering when opening pages

Currently Being Moderated

1. Ken Binney,

Aug 19, 2012 5:16 AM in reply to evh9573

Report

Welcome -

A link to your online page wiil enable us to spot your problem.

Sounds like a pathing issue on the link to your CSS.

Possibly a case issue on a *nix server

|

Mark as:

Currently Being Moderated

2. evh9573,

Aug 19, 2012 5:19 AM in reply to Ken Binney

Report

thanks very much for your reply but I have just this second found a solution via another forum with someone who had similar problem, it read: 'delete the link from your HTML file, then add all the CSS within your stylesheet between <style></style> tags in the head of your document, see if that works.'

I've never done this before, perhaps I should have been doing so? But anyway copying and pasting all my CSS in between the style tags in the head of my template has fixed the problem. Slightly concerned that if I make further changes to my CSS this now means that I will have to remember to copy and paste the info into here each time as well? Anyway fixed for now

|

Mark as:

Currently Being Moderated

3. Ken Binney,

Aug 19, 2012 5:35 AM in reply to evh9573

Report

Your concern is quite valid, That merely elininates the problem link without knowing what was wrong with it.

Please follow my request and post a link to a renamed copy of the problem page online so we can resolve the real issue.

|

Mark as:

Currently Being Moderated

4. evh9573,

Aug 19, 2012 5:40 AM in reply to Ken Binney

Report

unfortunately it's not online yet - am in the process of trying to update a website so only the current old version is live... as I have made changes to the template I no longer have it as it originally was when causing problems - however here is the current version copied and pasted below. Thanks again for the response though, it is a bit worrying that I couldn't get this to work properly as it should be simple with CSS - anyway here's the template.html code if this helps:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>London Gigs - Gigs and Live Music in London</title>

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

<!--

.style1 {font-size: 14px}

.style2 {color: #CC0000}

body {

background-image: url(../_Images/_ADs/1252.jpg);

background-repeat: repeat;

}

-->

@charset "UTF-8";

#wrapper {

width: 1010px;

margin: auto;

background-color: #FFFFFF;

}

#banner {

height: 62px;

width: 973px;

padding-top: 4px;

padding-bottom: 1px;

padding-left: 37px;

background-color: #FFFFFF;

}

#logo {

width: 1010px;

background-color: #FFFFFF;

}

#content {

float: left;

width: 705px;

padding-right: 15px;

padding-left: 45px;

background-color: #FFFFFF;

clear: left;

}

#right {

float: right;

width: 205px;

margin-right: 35px;

background-color: #FFFFFF;

clear: none;

}

#footer {

clear: both;

float: none;

width: 1010px;

background-color: #FFFFFF;

}

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

line-height: 17px;

text-decoration: none;

margin: 0px;

}

a:link {

font-weight: bold;

color: #1b1464;

text-decoration: none;

}

a:visited {

font-weight: bold;

color: #1b1464;

text-decoration: none;

}

a:hover {

font-weight: bold;

color: #0654a6;

text-decoration: none;

}

</style>

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-9870079-10']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

</head>

<div id="logo"><img src="../_Images/LondonGigs5.jpg" alt="london gigs" width="805" height="153" align="left" />Collaborators:<br />

<br />

<br />

<br />

</div>

<br />

</strong>content<br />

<br />

</div>

<br />

</div>

<div align="center">© LONDON GIGS LondonGigs.net 2009 - Last updated on 08/19/2012 - Web Design: <a href="http://www.evhdesign.co.uk/" target="_blank">EVHDesign</a><br />

<br />

</div>

</body>

</html>

|

Mark as:

Currently Being Moderated

5. MurraySummers,

Aug 19, 2012 7:15 AM in reply to evh9573

Report

However when I click on the either link from either page, doesn't matter which page I start with, the result is the same, the new page that opens seems to forget half the CSS, div's completely move and links are reverted back to blue and underlined, everything is changed as if there is no CSS at all.

You must be referring to what happens when you PREVIEW a page in DW, is that correct? In other words, you preview page A, click the link to page B, and page B appears without the CSS - correct? Here's why -

Your link to the stylesheet is a ROOT relative link (see the leading "/"?). When page B loads after clicking on the link in page A, it tells the browser to find the stylesheet at "C:/2012LG_CSS.css" because the browser has NO idea where the root of the DW site is and assumes that the root reference in the link refers to the root of the hard drive. Normally, one would not use root relative links unless one had a good reason to do so - in your case, I'm confident you do not. Change that link to a document relative one, i.e.,

and things will work much better.

Generally speaking, it's not a good idea to click away from any previewed page when using DW.

|

Mark as:

Currently Being Moderated

6. evh9573,

Aug 19, 2012 11:37 PM in reply to MurraySummers

Report

yes! this is exactly right, thank you very much... now i've remembered how I originally saved my new CSS and for some reason I did so as a root relative link as you pointed out, so will make sure I don't do this again. I've now removed the CSS from the style tags in the head of my template (the original 'fix') and updated the CSS link as suggested (../) and all is working just fine. For info the full site is updated and now live at: www.londongigs.net - Thanks so much for the help, it's great to know what the real problem was, much appreciated.

|

Mark as:

Dreamweaver

dreamweaver cs3 - CSS not rendering when opening pages - Please help!

Aug 19, 2012 3:25 AM

More Like This

Bookmarked By (0)

Answers + Points = Status