rollover effect on a CLASS link

[calrockx]

okay, here's the problem, there's probably a simple fix, but that's what i'm here to find...i have some links that are made to the color and not underlined by a CLASS property in the A HREF tags, but now i want to add an a:hover effect to it so that it's bold when i rollover the links.

the current code i have now isn't working:

a.plainlink {color:black; text-decoration:none}
a.plainlink a:hover {font-weight:bold}





there's another set of classes that do work, but they're based on table cells like this:

td.highlight4 a {display: block; width: 170px; text-decoration:none; color:black}
td.highlight4 a:hover {background: #A0522D; color:white}




is there a way to make this rollover effect for the plainlink class?

[eyecrave]

try this.


plainlink a {
color:black;
text-decoration:none;
{

plainlink a:hover {
font-weight: bold;
}

[pyro]

Actually, this is what you are going to want:

a.plainlink {
color: #000;
background: transparent;
text-decoration: none;
}
a.plainlink:hover {
font-weight: bold;
}

[spufi]

And note that going from a normal font weight to a bold one, may cause your layout to shift around just a touch.