Highlighten einer <TR> zeile beim überfahren eines TD's
Aqua
- css
0 hein
Hallo
Kann man mit CSS eine ganze ROW von <TR> highlighten beim überfahren
von einem einzigen TD ?
Beispiel:
<table style="background-color:#eeeeee;">
<tr>
<td> 111 </td><td> 222 </td><td> 333 </td>
</tr><tr>
<td> AAA </td><td> BBB </td><td> CCC </td>
</tr><tr>
<td> @@@ </td><td> $$$ </td><td> ### </td>
</tr>
</table>
Die Huntergrundfarbe aller Zellen ist ja grau (#eeeeee)
Wenn ich mit der Maus nun z.B. über 111 fahre,
dann soll der gesamte Hintergrund der Zellen 111, 222, und 333
grün werden,
alle anderen Row's sollen die Farbe aber NICHT aendern.
Wenn ich nun aber über @@@ fahre,
soll @@@, $$$ und ### grün werden,
die anderen sollen grau bleiben.
Fahre ich mit der Maus weg,
solls wieder normal grau werden.
Am liebsten waere mit ein CSS-Weg.
_Notfalls_ ein _einfaches_ JS,
bitte so einfach wie möglich gehalten,
aber so dass es in den wichtigen Browsern geht.
Ich dachte ja schon an hover-spielereien mit CSS,
aber da ich ja die background-color aendern will,
gehts so ned ... (zumindest Blicke ich keinen Sinnvollen weg)
Danke
Aqua
moin,
eine kleine suche im forum findet u.a.
http://forum.de.selfhtml.org/archiv/2003/2/38994/#m213693
gruß hein