different hover

whats the easiest way to make 2 different "hover" styles on the same page?

Using CSS1 it will work for IE 4-5 and netscape 4.7 earlier versions of netscape won't support it.

I used <td class="link name"> and then put the links all in the same <td> cell.
I have 3 tiered navigation setup and three styles of links.
<style>

TD.subNav2 A:hover {
font-weight : 300;
font-size : 0.9em;
line-height : 1em;
color : #ffcc99;
text-decoration : none;
}
TD.subNav A:hover {
font-weight : 500;
font-size : 0.9em;
line-height : 1em;
color : #ffcc99;
text-decoration : none;
}
</style>

Well, this script on the web will generate the hover code for you: http://www.dynamicdrive.com/dynamicindex5/linkover.htm If you want to add muliple of such effects to one page, put each definition in a CSS class of its own, and assign that class to the elements you want affected.

Here's a quick example:

<style>
.effect1{
//hover code here
}
.effect2{
//hover code here
}
</style>

<div class="effect1">bla bla bla>/div>

<div class="effect2">bla bla bla>/div>

Or you can do this if they are links.
Example:

a.header { font-family: arial ;
font-size: 8pt ;
text-decoration: none ;
font-weight: normal ;
color: #808080 }
a.header:hover { font-family: arial ;
font-size: 8pt ;
text-decoration: underline ;
font-weight: normal ;
color: #808080 }




------------------
================
-Khill, www.tsrealm.com