a:hover in CSS 2

[blues77]

I'm trying to apply the a:hover definition in my CSS and specifying a class for it. Right now I have
A.mainlinks:hover {COLOR: #993300; TEXT-DECORATION: underline}

this doesn't seem to be working. If you have any suggestions i would greatly appreciate them.

thanks

 

[Boomerang]

This should work for all links:

a:link {colorrange; text-decoration:underline; font-weight: bold}
a:visited {colorrange; text-decoration:underline; font-weight: bold}
a:active {background:black}
a:hover { background:red; text-decoration:none;}

<A href=yourpage.htm>your link</A>

This should work for links with classname 'mylink':

a.mylink:link {color:red; text-decoration:none; font-weight: bold}
a.mylink:visited {color:red; text-decoration:none;}
a.mylink:active {background:yellow}
a.mylink:hover { background:red; text-decoration:underline;}

<A class=&quot;mylink&quot; href=yourpage.htm>your link</A>

Hope this helps,
Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (

http://www.boomerang2002.com)

!! Many Happy Returns !! -->

 

[azeckoski]

Here is an example of a style I use:

.bigtitle A:link {font-family: &quot;Comic Sans MS&quot;, &quot;Arial&quot;, sans-serif;
text-align: right;
text-decoration: none}

.bigtitle A:visited {font-family: &quot;Comic Sans MS&quot;, &quot;Arial&quot;, sans-serif;
text-align: right;
text-decoration: none}

.bigtitle A:hover {font-family: &quot;Comic Sans MS&quot;, &quot;Arial&quot;, sans-serif;
color: #FFFFFF;
text-align: right;
text-decoration: underline}

Just do the hover style the same way you do the link, etc... style for the A tag.
Good luck!