Codehelper

Programmierung · Anleitungen · Codeschnipsel

CSS Menü mit Hintergrundbild

18.01.2009 · HTML · CSS
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.