CSS Link Problem

CSS Link Colour Problem

[pete01]

Hi, I have just had one of my projects go live. www.example.com, and the links in the left column are using default link colours instead of the link colours specified for that div area. Does anyone have any idea why this is and how I can rectify it? It's one of my biggest clients so I really need to sort it out if I can! Any help would be much appreciated.

[edited by: SuzyUK at 8:52 pm (utc) on Mar. 27, 2007]
[edit reason] no personal site specifics thanks [/edit]

[sgietz]

Some code snippets would be helpful.

[pete01]

I have a div area called gf-leftCol and I have the following statements in the CSS to format those links.

#gf-leftCol a:link {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
color:#CCCCCC;
text-decoration:none;
}

#gf-leftCol a:visited {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
color:#CCCCCC;
text-decoration:none;
}

#gf-leftCol a:hover {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:underline;
}

Yet no formatting appears on the site for these links.

[sgietz]

Have you tried to rename the div to NOT use a dash and then changed the CSS accordingly?

[pete01]

Thanks, I've tried but no luck.

I just can't understand it, I can't give the links individual classes so it has to be set for the whole area.

[pete01]

Thanks for the help! It turns out a missing } further up the CSS was messing the whole lot up. How the validator didn't pick up on it I have no idea.