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?try this.
plainlink a {
color:black;
text-decoration:none;
{
plainlink a:hover {
font-weight: bold;
}Actually, this is what you are going to want:
a.plainlink {
color: #000;
background: transparent;
text-decoration: none;
}
a.plainlink:hover {
font-weight: bold;
}And note that going from a normal font weight to a bold one, may cause your layout to shift around just a touch.
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?try this.
plainlink a {
color:black;
text-decoration:none;
{
plainlink a:hover {
font-weight: bold;
}Actually, this is what you are going to want:
a.plainlink {
color: #000;
background: transparent;
text-decoration: none;
}
a.plainlink:hover {
font-weight: bold;
}And note that going from a normal font weight to a bold one, may cause your layout to shift around just a touch.