hover mouseover - grafiken verlinken

[Katjusha]

hi,
habe diese beiden bilder als rollover und würde das ganze gern verlinken. weiß jemand wie man das anstellt? schön wäre ja wenn das zu den css-styles reingeschrieben werden kann oder so.

grüße, katusha

<style type="text/css"> 
#hoverIMG {width: 333px; height: 79px; background-image: url(bild1.gif); background-repeat: no-repeat; 
background-position: center center;}

#hoverIMG:hover{background-image: url(bild2.gif); }
</style>


<div id="hoverIMG">

</div>

[Garchi]

Ich würd das Ganze anders angehen und keinen Div dafür nehmen.

Probier's ma so:

<style type="text/css"> 
#hoverIMG {display:block; width: 333px; height: 79px; background-image: url(bild1.gif); background-repeat: no-repeat; 
background-position: center center;}

#hoverIMG:hover{background-image: url(bild2.gif); }
</style>


<a id="hoverIMG" href="http://www.google.de"></a>

[Boris]

#hoverIMG:hover funktioniert nicht mal mit dem IE5 und IE6, die kennen :hover nur für A.

Garchis Version geht schon ein wenig in die richtige Richtung, ist aber noch etwas unschön (ein leeres Element? Neee).

Schau mal hier: http://meiert.com/de/publications/articles/20050513/

[Katjusha]

danke euch für die antworten. das was garchi gepostet hat, war so ziemlich genau das was ich gesucht habe, hab ich umgesetzt, läuft super.

grüße, katusha

[Boris]

Dass es läuft heißt nicht, dass es gut ist. Ein leeres Element ist semantisch total sinnlos, du solltest es mit etwas logischem füllen und den Text mit den oben vorgestellten Techniken verstecken.