PDA

Click to See Complete Forum and Search --> : CSS Stylesheet Problem

kwilliams
09-11-2003, 10:19 AM
Hello,

I'm trying to change my current CSS Stylesheet link, which is a server-side include, to be a rel link like this:
<link rel="Stylesheet" type="text/css" href="ScriptLibrary/stylesheet.css"/>

The problem is that for some reason, the regular link's color isn't showing up on the page when I change the stylesheet from a SSI to a REL link. Can anyone explain why this is happening? I'm confused, because the link color works fine with the SSI setup. For review, the content is below. Thanks.

KWilliams

Here's a link to a page that displays my problem. See the 1st link for the issue:
http://www.douglas-county.com/example.asp
..But if you go to my home page, you'll see what the regular sized links look like with a SSI instead of the REL link:
http://www.douglas-county.com/index.asp

I've also tried the following syntax with the css stylehseet, but it didn't solve the issue: (:link)
a:link {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:underline; color:330066; }
a:hover {color:ff0000; text-decoration:none;}
a.small:link {font-family: "Arial"; font-size:10px; color:330066; text-decoration:underline;}
a.small:hover {font-family: "Arial"; font-size:10px; color:ff0000; text-decoration:none;}

Current CSS Stylesheet:
<style type="text/css">
a {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:underline; color:330066; }
a:hover {color:ff0000; text-decoration:none;}
a.small {font-family: "Arial"; font-size:10px; color:330066; text-decoration:underline;}
a.small:hover {font-family: "Arial"; font-size:10px; color:ff0000; text-decoration:none;}
p {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
p.small {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
p.red {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:ff0000;}
div.red {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:ff0000;}
td {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
li {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
h1 {font-family: "Arial"; font-size:16px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:660000;}
h2 {font-family: "Arial"; font-size:14px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:000000;}
h3 {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:ffffff;}
h4 {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:ff0000;}
INPUT, TEXTAREA {
font-family: "Arial";
padding: 1px;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
border: inset 2px #660000;
}
</style>
DaveSW
09-11-2003, 10:38 AM
When you use an external style sheet you should remove the html style tags...

<style type="text/css">

and

</style>

Then it should work :D
kwilliams
09-11-2003, 10:41 AM
Hi Dave,

Thanks for the really quick response. I actually don't have any <HTML> tags on the stylesheet page. Just <style type="text/css"> AND </style>. The page that has the link on it has this in the head tag:
<link rel="Stylesheet" type="text/css" href="ScriptLibrary/stylesheet.css"/>

...is that how it's supposed to go? Thanks for your help.

KWilliams
PierceThorne
09-11-2003, 11:05 AM
If you're changing from SSI's to links, you should remove the <style> and </style> tags inside your CSS. They're needed in SSI's because that just inserts the include into the HTML going out, but they're understood to be present in the link (since you're declaring them as RELationship="stylesheet")

We use CSS's quite liberally on sites we maintain, and they're great stuff... haven't had to use a <font> tag in years! <grin>

I hope that helped
kwilliams
09-11-2003, 11:07 AM
Ok, I'll try that, and let you know the outcome. I'm changing my entire site to use one CSS Stylesheet, and it's been great. It takes so much less work to maintain in the long run, and everything loads faster. Thanks for your input...I'll let you know.

KWilliams
DaveSW
09-11-2003, 02:33 PM
LOL when I said remove the html style tags I meant
<style type="text/css">

and

</style>

LOL

Should have made that clearer LOL