HOVER

using CSS how do i hover individual links with different styles like the left menu link hover with a color change while the other links on the page hover with a underline... i cannot find a work around since anchor <A> can only one hover or is there way to make class or IDs in css to do that..further more how do i make a table cell bg color change when a link is hovered. Thanks

Originally posted by megacool
using CSS how do i hover individual links with different styles like the left menu link hover with a color change while the other links on the page hover with a underline... i cannot find a work around since anchor <A> can only one hover or is there way to make class or IDs in css to do that..further more how do i make a table cell bg color change when a link is hovered. Thanks

Do something like this:


<style>
<!--
A:link {text-decoration: underline;}
A:active {text-decoration: underline;}
A:visited {text-decoration: underline;}
A:hover {text-decoration: none; color: #097754;}

A.menu:link {text-decoration: underline;}
A.menu:active {text-decoration: underline;}
A.menu:visited {text-decoration: underline;}
A.menu:hover {text-decoration: underline; color: #097754;}

A.mmisc:link {text-decoration: underline;}
A.misc:active {text-decoration: underline;}
A.misc:visited {text-decoration: underline;}
A.misc:hover {text-decoration: underline; color: #097754;}
-->
</style>


The first one is default, and the other two are different styles for different links. You can use them like this:


<a href="http://matrix.wox.org/" class="menu">kickass site</a>

<a href="http://www.tgn.f2s.com/" class="misc">work in progress</a>


I find that easier, but you can do each link individually like this:


<a href="http://matrix.wox.org/" style="text-decoration: none; color: #FF0000;"></A>


Hope that helps, it took a while to type :p

Further more...

The table cell dHTML script can be found at http://www.DynamicDrive.com/

Thanks a lot! man yes it worked.. thanks again! :))))

No Problem. Glad to be of some help :D

do you know any good CSS tutorials i need to learn...

Originally posted by TheRunes
do you know any good CSS tutorials i need to learn...


http://webmonkey.com has great tutorials on Cascading Style Sheets.. I learnt it from there.

Ciao!