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

Tabellenzeilen hervorheben 

10.02.2010 09:40 von wotan
Member
Zitat
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.

Werbung

Re: Tabellenzeilen hervorheben 

10.02.2010 10:03 von TBT
the Boss
Zitat
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>

Re: Tabellenzeilen hervorheben 

10.02.2010 10:15 von wotan
Member
Zitat
Weil ich das auch schon probiert habe und nicht geht, deshalb so kompliziert.

Re: Tabellenzeilen hervorheben 

10.02.2010 10:52 von wotan
Member
Zitat
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.

Re: Tabellenzeilen hervorheben 

10.02.2010 22:48 von wotan
Member
Zitat
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.
Antwort erstellen

Schnellantwort

ähnliche Themen