molily: dynamische hintergrundfarbe einer HTML - Tabelle

Beitrag lesen

Hallo, Michael,

Ich habe eine Tabelle mit mehreren Zeilen und in einer Spalte in jeder Zelle einen Verweis. Nun will ich das sich beim überfahren des Verweises die Hintergrundfarbe der entsprechenden Zeile ändert. ist das irgendwie möglich.

Natürlich. Schau dir folgendes Beispiel-Dokument an:

Das Dokument ist meiner Meinung nach didaktisch unklug aufgebaut.

td {border: solid; padding: 0;}
td a {display: block; padding: 20px;}
a:hover {color: black; background-color: yellow;}

Davon würde ich - zumindest in dieser Form ohne CSS-Browserweichen, conditional comments oder ähnlichem - aus praktischen Gründen momentan abraten, siehe </archiv/2002/10/25954/#m142219>. Opera bis ausschließlich 7 Beta zeigt text-decoration:underline bei a-Blockelementen fehlerhaft an. Der MSIE (hier getestet mit 6SP1) benötigt ein height:100%, damit der Hovereffekt bei allen Zellen wirkt - dies wiederum bringt den Gecko außer Rand und Band.
Vereinbar ist das Ganze nur mit verschiedenen Versionen für verschiedene Browser, beispielsweise wie gesagt über CSS-Hacks. Eine ganzheitliche interoperable CSS-Lösung habe ich bisher noch nicht gefunden beziehungsweise detailliert erarbeitet.

Grüße,
Mathias

--
»Im Kampf zwischen Dir und der Welt, sekundiere der Welt.
Man darf niemanden betrügen, auch nicht die Welt um ihren Sieg.«
Franz Kafka - http://www.kafka.org/projekt/nachlass2/ohg.html