proper referencing of an href

[bopritchard]

here is my code
<TABLE class="gridMain" id="Table1">
<TR>
<TD>
<a id="JOMenu1_mnuContactInfo" class="mnuButton" href="blahblahblah">Contact Info</a>
</TD>
</TR>
</TABLE>

my css contains
.gridmain .mnuButton
{padding:5px,5px,5px,5px;border:#3369AA 1px outset;height:23px;background-color:#A21C1F;color:#ffffff;
}

which works fine but how do i set the 'a' styles like link, hover, etc...

.gridmain .mnuButton a:link
seems to do nothing

 

[kaht]

like so:

<style type="text/css">

a.blah {
   color:red;
}

a.blah:hover {
   color:green;
}

</style>

<a class="blah" href="[URL unfurl="true"]http://www.google.com">google</a>[/URL]

-kaht

How much you wanna make a bet I can throw a football over them mountains?

 

[ChrisHunt]

.gridmain .mnuButton a:link seems to do nothing

That's because it would be applied to an <a> inside an element with class mnuButton inside and element with class gridmain.

In your case, the <a> element itself has the mnuButton class, so you probably meant to say:

.gridmain a.mnuButton:link
or
a.mnuButton:link
or
.gridmain a:link

Depending on just how specificly you want to target your CSS.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd