Fabian St.: css menü - bei hover grafik einblenden

Beitrag lesen

Hi!

Kannst Du mal bitte kurz den Code prüfen.

#nav1 a:hover {background-image:url(navi_arrow_pic.jpg); background-position: center left; text-decoration:none; background-repeat:no-repeat;}

Die ID nav1 (#nav1) gibt es nicht in deinem XHTML-Teil, daher kommt diese Eigenschaft auch nicht zum Zuge. Anstatt hier mit Klassen/IDs zu arbeiten empfehle ich, hier den Descendant Selector zu verwenden, also so:

  
#navi ul li a:hover { /* dein Code */ }  

Außerdem sollte wohl dieses <img src="navi_arrow_pic.gif" alt="Home" /> weg, sofern damit nicht der Pfeil gemeint ist, der erscheinen soll, wenn man mit der Maus über den entsprechenden Link fährt.

Grüße,
Fabian St.