Change Table Cell Background On Hover?

[rrasa]

Is there a way, using CSS, to change the background color of a cell within a table when the mouse moves over it (similarly to the way a link can change using the "hover" property)?

Seems to me I've seen that technique used somewhere, but I just can't find it...

[TWTCommish]

It can be found at http://www.dynamicdrive.com - I think it uses JavaScript as well.

[dab_caster]

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td onMouseOver="this.style.backgroundColor='#FFCCCC'" onMouseOut="this.style.backgroundColor='#FFFFFF'" onClick="location.href='your page'">Test</td>
</tr>
</table>

Try this, did not check too far on what browsers it works on but fine in IE 5.

[felixgeiger]

i didn't try it, but from my experience, i'd guess, that it don't work in ns < 6, since it has a different understanding of DOM and therefor doesn't understand the "this" here.