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
-
Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
HOVER
- Thread starter megacool
- Start date
Do something like this:
Code:
<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:
Code:
<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:
Code:
<a href="http://matrix.wox.org/" style="text-decoration: none; color: #FF0000;"></A>Hope that helps, it took a while to type
