CSS Menü mit Hintergrundbild

Ein Mouseover -Meü mit wechselndem Hintergrundbild muss mitnichten per Javascript erstellt werden. Besser und sauberer geht’s mit CSS:

<style type=“text/css“>
.linkKlasse a {
background-image:url(‚bg.gif‘);
}

.linkKlasse a:hover {
background-image:url(‚bgOver.gif‘);
}

</style>


<div class=“linkKlasse“>
<a href=“datei.html“>Link</a>
</div>

Meisten müssen noch Anpassungen in Höhe und Breite der Links gemacht werden, aber das sind dann ja nur noch Kleinigkeiten.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert