Klassen und TR

[shorty]

Guten Abend,

ich habe mal eine Frage bezüglich CSS-Klassen und TR:

Bei einer Tabelle kann man die Zeilenangabe (TR) mit "style=""" definieren, was auch funktioniert. Wenn ich jedoch Klassen definieren möchte, funktioniert es nicht bzw. nur teilweise. Beispiel: "background-color":

funktioniert:

<tr style="backround-color: #000000;">[...]</tr>

funktioniert nicht:

<style type="text/css">
TR.bg:hover
{
    background-color: #000000;
}
</style>

<tr class="bg">[...]</tr>

Hat jemand eine Ahnung, woran es liegen könnte?

Danke schonmal im Voraus

 

[Maik]

Nimm mal die :hover-Pseudoklasse raus

 

[shorty]

Nun ja, die Hintergrundfarbe soll sich ja gerade ändern, wenn man mit der Maus auf die Spalte (Zeile) geht.

 

[Maik]

Mit welchem Browser hast du denn das Stylesheet getestet, etwa mit dem IE 6.0?

Der unterstützt die :hover-Pseudoklasse nur für das a-Element. In den modernen Browsern sollte es eigentlich problemlos funktionieren.

Oder hast du für die Tabellenzellen (td) eine Hintergrundfarbe definiert?

 

[shorty]

Nutze zurzeit den FF, gäbe es bei dem IE ne andere Lösung, dass derselbe Effekt herauskommt?

Jap, habe den TD-Elementen eine Hintergrundfarbe gegeben.

 

[Maik]

In diesem Fall mußt du die Hintergrundfarbe für das tr-Element definieren.

Für den IE (6.0) wäre Javascript erforderlich:

tr.bg { background:#ff0000; }
tr.bg:hover, tr.hover { background:#000000; }

<tr class="bg" onmouseover="this.className='hover'" onmouseout="this.className='bg'">...</tr>

 

[shorty]

Hast du eventuell eine Referenz, bei der man nachschauen kann, welche Elemente welche Browser unterstützen? Nach so etwas habe ich immer gesucht. Bau nämlich derzeit eine Homepage und könnte mich jedes Mal wieder aufregen, dass der IE Code anders darstellt als der FF.

Nachtrag:
Per CSS definierte Cursor werden im IE auch nicht dargestellt: Gibt es dort auch noch eine Möglichkeit?

 

[Maik]

1. CSS 4 You - The Finest in Stylesheets: Browser-Kompatibilität
   
   
2. thestyleworks.de : Cascading Style Sheets { Schnellreferenz zu CSS 2.1 : Unterstützung durch die Browser }

Wie sieht denn der Quellcode bzgl. der cursor-Eigenschaft aus, den der IE bei dir ignoriert?