✔ FF+ Hover mit Bild, Bild wird verschoben

[Jan-Frederik Stieler]

Hi,
der Firefox will diesen Hover nicht so ganz annhemen wie er soll:

a.logoueber:link { background: none; }
a.logoueber:visited { background: none; }
a.logoueber:hover {background: url(../pics/fdzlogoa.gif);}
a.logoueber:active { background:url(../pics/fdzlogoa.gif); }

also das Hoverbild wird so ca. die hälfte nach unten geschoben.
Liegt das an dem none oder woran?

Viele Grüße

 

[Maik]

Es fehlt die Eigenschaft display:block, sowie die Angaben zur Breite und Höhe, die der Hintergrundgrafik entsprechen:

a.logoueber:link, a.logoueber:visited { 
background: none; 
display: block;
width: ...;
height: ...;
}

a.logoueber:hover {
background: url(../pics/fdzlogoa.gif);
}

a.logoueber:active { 
background:url(../pics/fdzlogoa.gif); 
}

 

[Jan-Frederik Stieler]

Aha, Vielen Dank. Also das mit dem Display habe ich auch ehrlich gesagt noch nicht so ganz verstanden.

Gruß

 

[Maik]

Für das Inline-Element a wird display:block benötigt, damit die Browser die Angaben zu width und height ausführen / darstellen.