Fabian: CSS Hover zeigt Bild nicht an

Beitrag lesen

SELF-Forum

CSS Hover zeigt Bild nicht an

Fabian
– Informationen zu den Bewertungsregeln

Hiho guten Abend!

Ich habe eine Menuleiste mit Hintergrundbild gebaut. Jetzt wollte ich einen hippen Hover Effekt drüber haben der mir ein anderes Hintergrundbild zeigt wenn ich mit der Maus drüber gehe. Aber der Browser will nicht zeigen was ich gerne sehen würde sondern macht einfach nur ein bischen weiß. Weiß da jemand Rat?

Mein Code:

HTML:

<div class="menu">
 <ul>
  <li><a href="startseite.html">Startseite</a></li>
  <li><a href="produkte.html">Produkte</a></li>
  <li><a href="ueber_uns.html">&Uuml;ber Uns</a></li>
  <li><a href="frage_und_antwort">Fragen</a></li>
  <li><a href="sitemap.html">Sitemap</a></li>
  <li><a href="suchen.html">Suchen</a></li>
  <li><a href="english.html">English</a></li>
 </ul>
</div>

CSS:

.menu{
 font-weight:bold;
 height:27px;
 position:relative;
 background-image:url(bilder/nav.jpg);
    background-repeat:repeat-x;
}

.menu li{
    list-style-type:none;
    display:inline;
}

.menu a {
    padding-left:10px;
 padding-right:5px;
    font-size:14px;
    line-height:38px;
    color:#666666;
}

.menu a:hover {
 background-image:url(bilder/nav_hov.jpg);
 background-repeat:repeat-x;
 color:#000000;
}

Vielen Dank für die Mühe des Durchlesens!

Greetz Fabian

Beitrag melden
–
Informationen zu den Bewertungsregeln