CSS link styles not working

**earfist** · 07-20-2012 10:06 AM

I'm having a problem with some css on a website I am working on. I have validated and there doesn't seem to be anything wrong with the css code itself.

So here's the deal- every other part of my css works, just not the link styles in the body section. The link coding in the header, footer and sidebars work perfectly. In fact, all other body css works fine (h1, etc), just not the body section links. I don't see any conflicting code in the individual page html but I could be missing something. Here's a link to the most obvious page:

http://firelightincentives.com/resources.shtml

The links should all be red and underlined (and show up that way in Dreamweaver) but they are showing up as black and then grey when clicked. So it appears the a:visited is working but not the a:link or a:hover.

This is the code:

a:link {
color: #FF3333;
font-weight: bold;
text-decoration: underline;
}
a:visited {
color: #606163;
text-decoration: underline;
}
a:hover {
color: #606163;
font-weight: bold;
text-decoration: underline;
}

Could this be an issue of using shtml pages or javascript in the headers? I am at a complete loss. Any help would be appreciated!

**rtrethewey** · 07-20-2012 10:49 AM

The CSS code in the <style> section of the page is overriding the instructions in your external stylesheet file.

**earfist** · 07-20-2012 11:04 AM

So having the page background color there is dropping the link styles but allowing the rest of the body formatting?

**captainscall** · 07-20-2012 11:12 AM

try td.content a:.... {...} to specify the place those links are.

I do believe the above is correct: that <style> tag is overriding the linked CSS file and applying the link styles

**captainscall** · 07-20-2012 11:15 AM

The background-color style is no problem. Your problem is this:

<style type="text/css">

</style>

You may not know that  does not denote a comment for CSS, so that style is being read by the browser and thus overriding your wanted link styles

Use /* ..... */ for CSS

**earfist** · 07-20-2012 12:19 PM

Okay, that's weird. That coding doesn't even show up in my editor. Only when I go online and view page source. Does Dreamweaver hide it in code view? That wouldn't surprise me. However, how can I view it in the editor to get rid of it?

**earfist** · 07-20-2012 12:21 PM

This is the code view in Dreamweaver:

<link href="css/styles_FLG.css" rel="stylesheet" type="text/css">
<link rel="Shortcut Icon" href="/favicon.ico">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<style type="text/css">

</style>
</head>

**captainscall** · 07-20-2012 12:30 PM

Something is throwing another <head> tag into your file.

Maybe a PHP include?

Look at the source again. It's got what you posted here in <head> but then ANOTHER <head> with what I posted.

**earfist** · 07-20-2012 02:06 PM

Thanks captainscall! You're a genius! The usurping code was buried in my header include file. Problem solved. Have I ever told you you're my hero?

**captainscall** · 07-20-2012 02:25 PM

Heh, no problem. Sometimes it helps to have an extra pair of eyes.

Thread: CSS link styles not working

Thread Tools

Display

CSS link styles not working

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions