CSS :hover auf tr tags - nicht mit IE

S

sideshow

Mitglied
Thread Starter
Dabei seit
24.01.2005
Beiträge
92
Reaktionspunkte
0
tach forum,

ich habe hier ein problem...
und zwar möchte ich einen :hover effekt auf eine ganze tabellenzeile (tr) anwenden. alle browser machen mir das mit, bis auf wen? natürlich streikt der IE mal wieder. der macht einfach mal gar nix... grrrrr!!!:motz:

nun würde ich das ganze gerne OHNE js lösen und ich möchte kein
Code:
<tr><a href="...">bla und blubb hier der inhalt</a></tr>
verwenden.

das es geht habe ich z.b. bei phpmyadmin festgestellt. die haben das irgendwie hinbekommen aber da werd ich leider nicht ganz schlau draus...

hier mal mein bisschen bsp-code damit ich nicht ganz mit leeren händen dastehe! ;)

css code:
Code:
.mytable {
  border-collapse: collapse;
  border: 1px solid #333;
}

.mytable tr:hover {
  background: #fc0;
}

.mytable td {
  border: 1px solid #333;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

html code:
Code:
<table class="mytable">
  <tr><td>Zeile 1 ...</td></tr>
  <tr><td>Zeile 2 ...</td></tr>
  <tr><td>Zeile 3 ...</td></tr>
  <tr><td>Zeile 4 ...</td></tr>
</table>

vielleicht fällt euch irgendwas ein wie ich das lösen könnte!!!
 
Ja, hab ich letztens auch gebraucht. Der IE6 interpretiert :hover nur bei Links. Du kannst ihm das mit Conditional Comments und dem MS-Only Attribut ULLE beibringen. Siehe dazu auch den Quältext meines Blogs (http://butterfly.weblogixx.de)
 
Zurück
Oben Unten