Hallo,
ich hab ein Problem mit der Darstellung meines Menüs unter Opera (8.54). Es wird beim ersten Überfahren des Links die hover-Grafik nicht angezeigt. Beim nächsten Überfahren (aber nur ohne Neuladen der Seite) zeigt er die Grafik an?! Woran könnte das liegen? Für Eure Hilfe bin ich überaus dankbar :o)
Hier ein paar Quellcode-Schnipsel:
-- html --
<div class="menue">
<a id="xxx" class="menue" href="xxx.html"></a>
<a id="yyy" class="menue" href="yyy.html"></a>
...
</div>
-- css --
a.menue {
width:139px;
height:31px;
display:block;
}
#xxx { background:url(xxx_off.gif) no-repeat; }
#xxx:focus { background-image:url(xxx_on.gif); }
#xxx:hover { background-image:url(xxx_on.gif); }
#xxx:active { background-image:url(xxx_on.gif); }
... und das gleiche nur mit anderen Bildern für yyy
Ich weiß, mit Klasse und ID ist das unglücklich, aber ich mag nicht für jeden Menüpunkt Breite, Höhe und display separat definieren. Das ist bei allen gleich. Gibt es da eine elegantere Lösung?