Seite 1 von 1

Tabellenspalten: Rollover mit css realisieren?

Verfasst: 04.01.2007 16:28
von JLoop©
Hi,

es gibt ja die möglichkeit Tabellenspalten per onMouseOver="this.style.backgroundColor='#Farbe';" mit einem Rollover Effekt zu versehen, gibt es auch eine möglichkeit das über CSS zu realisieren?

Greetz JLoop

Verfasst: 04.01.2007 16:56
von oconner
eigentlich sollte folgendes Funktionieren.

Code: Alles auswählen

.classe:hover { 
background-color:#000000;
}
das geht zumindest bei "input" feldern. Aber ich schätze bei Tabellen auch.

Verfasst: 04.01.2007 18:18
von Lohgock-Trainer
mache folgendes:

Code: Alles auswählen

tr.classe {
background: green;
}
tr.classe:hover {
background: red;
} 

Verfasst: 04.01.2007 19:40
von Mr Death
Hi,

man muss aber anmerken, dass der IE :hover nur bei dem Tag a funktioniert, also wird die CSS-Lösung hier nicht ganz ausreichen. Man könnte noch fürn IE ein Javascript einbauen, sonst bleibt afaik keine Alternative.

Alle anderen aktuellen Browser dürften das aber unterstützen.

MfG

Verfasst: 04.01.2007 19:42
von fanrpg
Mr Death hat geschrieben:man muss aber anmerken, dass der IE :hover nur bei dem Tag a funktioniert
Ab Version 7 auch bei allen anderen Elementen.