Hallo,

ich habe in meiner css die Navi (Sidebar WordPress) die Links so deklariert, dass bei jedem Link ein Hintergrundbild (button_passiv) angezeigt wird.

Nun soll beim Mouseover nicht nur die Schriftfarbe des Linktextes geändert werden sondern auch das Hintergrundbild (button_aktiv).

Eigentlich macht er es auch, aber NUR Hinter dem Linktext. Ich check es nicht mehr Könnt Ihr mir helfen? Siehe Bild ...

Aktuell sieht es so aus:

PHP-Code:

#sidebar
{
    float: left;
    width: 206px;
}
#sidebar ul
{
    margin: 0 0 0 2px;
    list-style:none;
    width: 206px;
}
#sidebar li 
{
    margin:0 0;
    padding:0.5em;
}
#sidebar li li 
{
    margin:0;
  padding: 9px 0 0 17px;
    color: #6d747c;
    text-decoration: none;
  height: 38px;
    background: url(images/button_passiv.jpg) no-repeat;
}
#sidebar li li a:hover
{
    margin:0;
    color: #ffffff;
    text-decoration: none;
  height: 38px;
    background: url(images/button_aktiv.jpg) no-repeat; 
} 


Versuch mal:

Code :

1	#sidebar li li:hover

statt

Code :

1	#sidebar li li a:hover

Mit a:hover sprichst du nur den Link an. Aber dein anderes Hintergrundbild ist ja auf dem li-ELement und nicht auf dem Link.

Hallo iBirne!

Perfekt! Kleiner Fehler, grosse Wirkung

Jetzt klappt es, vielen Dank!