Axel Richter: imagehover

Beitrag lesen

Hallo,

Ich will ein Imagehover für mein Menue machen. Bei Firefox klappts, beim IE jedoch wie immer nicht. Hoffe ihr könnt mir helfen.

div.tablediv:hover

Der IE wendet das Pseudoformat :hover nur auf A-Elemente an. Die Klasse .tablediv sieht so aus, als wolltest Du in das DIV eine Tabelle stellen? Wenn ja, dann funktioniert das hover nur mit CSS im IE nicht.

<a href="ff.html"><div class="tablediv">&nbsp;</div></a>

Das ist fehlerhaftes HTML. Ein A-Element darf kein DIV-Element enthalten, auch keine Tabelle, nur %inline-Inhalt http://www.w3.org/TR/html4/struct/links.html#h-12.2.

Wenn da allerdings nur Text rein muss, dann würde:
...
a, a:link, a:active, a:visited, a:focus {display:block; width:10em; background-image:url(meta.gif);}
a:hover {background-image:url(meta_hoer.gif);}
...
<a href="ff.html">Text</a>
...

funktionieren.

viele Grüße

Axel