10.02.2010
09:40 von
wotan
Tabellenzeilen hervorheben
Hey Folks,
ich versuche mich gerade mit CSS einwenig anzufreunden.
Ich möchte gerne die Hintergrundfarbe bei einer Zeile ändern wenn ich mit der Maus drüberfahre.
Mein jetziger Ansatz funktioniert leider nur teilweise.
CSS-Datei:
und hier der Quellcode:
Bei überfahren mit der Maus, wird zwar der Hover gemacht, nur leider nicht in der Farbe wie ich es möchte.
ich versuche mich gerade mit CSS einwenig anzufreunden.
Ich möchte gerne die Hintergrundfarbe bei einer Zeile ändern wenn ich mit der Maus drüberfahre.
Mein jetziger Ansatz funktioniert leider nur teilweise.
CSS-Datei:
Code
1
2
3
4
2
3
4
.tablecolora {background-color:#ffffff;}
.tablecolorb {background-color:#E1E9F0;}
.tablecolorahover {background-color:#8FBC8F;}
.tablecolorbhover {background-color:#8FBC8F;}und hier der Quellcode:
Code
1
<tr class="'.$bg.'" onmouseover="this.className=\''.$bg.'hover\'" onmouseout="this.className=\''.$bg.'\'">Bei überfahren mit der Maus, wird zwar der Hover gemacht, nur leider nicht in der Farbe wie ich es möchte.
Werbung
10.02.2010
10:03 von
TBT
wieso so kompliziert?
und das HTML
Code
1
2
3
4
2
3
4
.table .a { background-color:#ffffff; }
.table .b { background-color:#E1E9F0; }
.table .a:hover { background-color:#8FBC8F; }
.table .b:hover { background-color:#8FBC8F; }Code
1
2
3
4
5
6
2
3
4
5
6
<table class="table">
<tr class="a"> ....
<tr class="b"> ....
<tr class="a"> ....
<tr class="b"> ....
</table>
10.02.2010
10:15 von
wotan
Weil ich das auch schon probiert habe und nicht geht, deshalb so kompliziert.
10.02.2010
10:52 von
wotan
So, habe es jetzt auf anderen Wege hinbekommen:
Und schon geht es.
Code
1
<tr class="'.$bg.'" onmouseover="style.backgroundColor=\'#B0C4DE\'" onmouseout="style.backgroundColor=\''.$bg_b.'\'">
10.02.2010
22:48 von
wotan
Obwohl ich jetzt in der richtigen CSS-Datei gearbeitet habe, geht es mit dem :hover den noch nicht.
Aber ich habe ja jetzt die andere Lösung.
Aber ich habe ja jetzt die andere Lösung.