PHP Portal » PHP Forum » Entwicklung » Webdesign mit HTML, CSS sowie Javascript » Tabellenzeilen hervorheben » Antworten

Antwort erstellen

Titel
Formatierung
b i u
Beitrag  
Datei anhängen max: 2M
Optionen







Spamschutz Eingabeformat HH:MM

 

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.

 

So, habe es jetzt auf anderen Wege hinbekommen:

Code
1
<tr class="'.$bg.'" onmouseover="style.backgroundColor=\'#B0C4DE\'" onmouseout="style.backgroundColor=\''.$bg_b.'\'">

Und schon geht es.

 

Weil ich das auch schon probiert habe und nicht geht, deshalb so kompliziert.

 

wieso so kompliziert?

Code
1
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; }

und das HTML

Code
1
2
3
4
5
6
<table class="table"> <tr class="a"> .... <tr class="b"> .... <tr class="a"> .... <tr class="b"> .... </table>

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:

Code
1
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.