Hi there,

I'm making a new layout for my site and I'd LOVE to use an external style sheet this time around. My css isn't working quite properly. It won't show the font style I want, the size, or the colour I want for the font. I would like to have 8pt verdana font with the colour of E8E3E4. But that is not showing up. What IS showing up somewhat properly is my links and bold font. They are showing as the proper colours, but not the proper font and size. I would like their font and size to be 8pt verdana as well. Here is the css code and the link to where I'm testing out this code. Any help would be greatly appreciated.



<!-- BODY {background:none transparent;color:000000}-->

{font-color: E8E3E4;
font-family: Verdana;
font-size: 8pt;}

b {color:#A85B85;}

{scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #FD7FA2;
scrollbar-dark-shadow-color: #980547;
scrollbar-highlight-color: #FFFFFF;
scrollbar-track-color: #E8E3E4;}

A:link { COLOR: #7D3469; text-decoration: none;}
A:visited { COLOR: #7D3469; text-decoration: none;}
A:active { COLOR: #7D3469; text-decoration: none;}



And the site is http://www20.brinkster.com/iridescentdream/testing/flowerlay.html

Thank you.

Your CSS is mostly right, but you had a few things out of place, such as the --> and the scrollbar colors, hope this helps

<!--
BODY{
background:none transparent;
color : #000000;
font-family : Verdana;
font-size : 8pt;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #FD7FA2;
scrollbar-dark-shadow-color: #980547;
scrollbar-highlight-color: #FFFFFF;
scrollbar-track-color: #E8E3E4;
}

b{
color:#A85B85;
}

A:link { COLOR: #7D3469; text-decoration: none;}
A:visited { COLOR: #7D3469; text-decoration: none;}
A:active { COLOR: #7D3469; text-decoration: none;}
-->
==========
font-color isn't an attribute for the text color, color : #000000; is the correct one. :)

thank you so much, it works perfectly! Lack of sleep and not paying attention properly is the culprit. Thanks for your help again.