December 6th, 2003, 01:30 PM
|
|
Junior Member
|
|
Join Date: Dec 2003
Posts: 2
Time spent in forums: < 1 sec
Reputation Power: 0
|
|
|
Trouble with BOLD in CSS link styles
This sounds really odd I'm sure, but here's my problem:
I am using one style sheet attached to my html files. I am also not applying font attributes to my text or links except for with the style sheet.
I have my regular links set to "bold" in the css file. I have other links set to "class=plain" in the href tags of the html files.
The styles work just fine in every regard EXCEPT for the font-weight attribute. Whenever I have the regular links set to "bold", it over-rides the ".plain" class's font-weight of "none" making the links with "class=plain" bolded when they shouldn't be! When I change the regular links to font-weight "none", the ".plain" links show none (as they should).
My CSS for the links in the style sheet looks like this:
------
a:link, a:visited, a:active {font-family: Arial, Arial, sans-serif; font-size: 11px; color: #336699; font-weight: bold; text-decoration: none;}
a:hover {font-family: Arial, Arial, sans-serif; font-size: 11px; color: #333333; font-weight: bold; text-decoration: none;}
.plain, a:link.plain, a:visited.plain, a:active.plain {font-family: Arial, Arial, sans-serif; font-size: 11px; color: #333333; font-weight: none; text-decoration: none;} a:hover.plain {font-family: Arial, Arial, sans-serif; font-size: 11px; color: #666666; font-weight: none; text-decoration: none;}
------
I've also attached my entire style sheet.
Any help would be greatly appreciated!
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
