Florian Bender: :hover nur für «a»?

Beitrag lesen

Hallo zusammen,

kann es sein, daß die pseudo-class :hover nur bei Links greift? In der W3 Doku (http://www.w3.org/TR/PR-CSS2/) konnte ich nichts über eine solche Beschränkung finden, aber es scheint nicht zu funktionieren....

Ziel ist es, eine Tabellenzelle beim Mouseover mit einer anderen Hintergrundfarbe zu versehen.

Wäre super, wenn euch dazu etwas einfällt - auch wenn es nur ein schlichtes "geht wirklich nicht" ist...

Grüße,
Svenja

Hallo Svenja,

so weit ich weiß, funktioniert :hover wirklich nur bei Links, ich hab' aber mal 'ne Pseudo-Lösung geschrieben, die zwar nicht die Hindergrundfarbe der Zelle ändert, aber die Farbe und Hintergrundfarbe eines Links darin.  Der Link hat die selbe Farbe und Hintergrundfarbe, so daß man davon nix sieht, außer den Hand-Cursor (den Du beim MSIE ja mit CSS auch verändern kannst).  Du kannst ja ein wenig damit herumexperimentieren:

<html>
<head>
<title></title>
<style type="text/css">
a:link { color:#AA5522; background-color:#AA5522 }
a:visited { color:#AA5522; background-color:#AA5522 }
a:active { color:#99FF99; background-color:#99FF99 }
a:hover { color:#99FF99; background-color:#99FF99 }
</style>
</head>
<body>
<table border=1>
<tr><td><a href="http://www.teamone.de/selfaktuell">Test</a></td>
<td>Daten</td>
</tr>
<tr>
<td>Daten</td>
<td>Daten</td>
</tr>
</table>
</body>
</html>

Ich hoffe ich konnte Dir helfen.

Florian Bender