Hallo Experten,
ist es möglich mit css eine Tabelle so zu formatieren, dass ich mit Hover mehrere Tabellenelemente gleichzeitig verändern kann?
Siehe Beispiel
Im Beispielbild gehe ich mit dem Cursor über die 1 und alle anderen Einsen werden auch rot hinterlegt.
Oder muß ich hier zu JavaScript greifen?
Google konnte mir hier nicht weiter helfen.
Ich danke schon jetzt für Antworten
Egbert
Hallo
Egbert
z.b.
/* Farbe für den Button Text */
.button {color:blue;}
/* Farbe für alle folgenden Zellen */
td.werte {color:green;}
/* Farbe für alle folgenden Zellen wenn Button MouseOver hat (Hover) */
.button:hover + td {color:red;}
.button:hover + td + td {color:red;}
.button:hover + td + td + td {color:red;}
.button:hover + td + td + td + td {color:red;}
.button:hover + td + td + td + td + td {color:red;}
Reihe 23456
Reihe 23456
Hallo
TechPech
Danke für die Antwort, aber es geht leider jeweils nur in einer Tabellenzeile.
Es sollte, wie im Beispiel dargestellt, in der ganzen Tabelle funktionieren.
Ein schönes Restwochende wünscht
Egbert
Hallo
Hallo
TechPech
Danke für die Antwort, aber es geht leider jeweils nur in
einer Tabellenzeile.
ja , macht doch deutlich wie es funktioniert.
Es sollte, wie im Beispiel dargestellt, in der ganzen Tabelle
funktionieren.
Dann mach dich drann und bearbeite das CSS .
Ein schönes Restwochende wünscht
Egbert
jo jo dir auch .
viel spass beim Lösen
