Changing <td> bgcolor onmousover

[emozley]

Hi,

I've got a series of cells in my calendar - some are have a pale blue background and some have a white background

<style>
.darkcalcell
{
border-bottom: 1px solid #819BAC;
background-color : D8DEF6;
}

.lightcalcell
{
border-bottom: 1px solid #819BAC;
background-color : white;
}
</style>

Then I have

<td class="darkcalcell">

If I want a cell to turn green when the mouse goes over it how do I go about this? Do I have to set up two more styles - eg lightcalcellon, lightcallcelloff, darkcalcellon and darkcaloff?

Thanks very much

Ed

 

[Vragabond]

Not necessarily so many classes. You could simply have one class for hovering over and you would then append the class rather than change it. So you would have:

<td class="darkcalcell hover">

And in CSS the hover class would overwrite some of the other classes.

Of course, if you do not have to support IE6 (oh how nice that would be), you could just use :hover pseudo class on the td in CSS.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[BillyRayPreachersSon]

Of course, if you do not have to support IE6 (oh how nice that would be)

How nice indeed. I can't wait for that day



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]