Hovereffekt über mehrere tds

[notebook20000]

ich habe mehrere tds

<table><tr><td></td><td></td></tr></table>

wie schaffe ich es einen hovereffekt über alle tds hinweg zu erzeugen? Möglichst ohne viel mit ids,.. rumzuhampeln?

 

[Maik]

Hi,

indem du die :hover-Pseudoklasse auf das tr-Element anwendest:

tr {
background: red;
}

tr:hover {
background: yellow;
}

Bleibt anzumerken, dass die Vorgängerversionen des IE7 diese Technik nicht unterstützen, und etwas Nachhilfe mittels JS benötigen:

tr.normal {
background: red;
}

tr.hover {
background: yellow;
}

<tr class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'">...</tr>