Kai Lahmann: Hover-Effekt auf Tabellen anwenden

Beitrag lesen

hi

Ab und an sehe ich im Internet Links, die so gestaltet sind, dass sich als Hover-Effekt die Hintergrundfarbe einer Tabellenzelle ändert.

tjo.. wenn die Browser nicht so verbuggt wäre... mit td.hoverzelle:hover{background-color:was_anderes;} würde es nach der CSS2-Spec gehen (dabei bekommen die Zellen, wo es aufteten soll ein class="hoverzelle". Tatsächlich rallt das so nur konqueror, bei Mozilla klappt's nur, wenn man neben (!) dem Text ist der Rest rallt's gleich gar nicht. Was aber geht ist, wenn du den Link mit "display:block;" in CSS auf die komplette Zelle ausdehnst.
Ansonsten geht das ganze über JS evtl. etwas einfacher (dafür aber eben nimma, wenn man's abstellt): onmouseover="this.style.backgroundColor='farbe';" onmouseout="this.style.backgroundColor='altefarbe';"

gruss Kai