nicht angemeldet
Hallo,
ich habe folgende Frage:
In einer Tabelle gehören mehrere aufeinanderfolgende Zeilen inhaltlich zusammen.
Markiert der Anwender eine der Zeilen mit der Maus, so sollen alle
zusammengehörenden Zeilen hervorgehoben werden.
Meine Idee war, dass ich die jeweils zusammengehörenden Zeilen in ein
<tbody>-Tag packe und per css (tbody:hover) dann Vorder- und Hintergrund einfärbe.
Dies funktioniert, solange im html-Code keine Farben definiert werden.
Da ich die Verwendung von Farben im html-Code aber nicht beinflussen kann,
suche ich eine Möglichkeit, wie ich die im html-code vorkommenden Farben
per css überschreiben kann - egal, ob diese als Attribut eines <TR> oder eines <FONT>-Tags oder sonstwo angegeben wurden.
Geht das? Wie?
Vielen Dank für alle Ideen.
Hier nun der Beispielcode:
Bewegt man die Maus auf eine der Zeilen, wird die Schriftfarbe
des gesamten <tbody> auf rot geändert. Allerdings nicht
die Hintergrundfarbe, da <TR BGCOLOR=...> eine höher Priorität hat.
<html><head>
<style type="text/css">
tbody:hover { background-color:green !important; color:red}
</style>
</head><body>
<table border="1"> <tbody>
<TR BGCOLOR="yellow"><TD>column1-1</TD></TR>
<TR BGCOLOR="yellow"><TD>column1-2</TD></TR>
</tbody>
<tbody>
<TR BGCOLOR="blue"><TD>column2-1</TD></TR>
<TR BGCOLOR="blue"><TD>column2-2</TD></TR>
</tbody>
</table>
</body></html>
Gunnar Bittersmann
MudGuard