Hintergrundbild Mouseover Problem

[SonjaB]

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:

#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; 
}

 

[iBirne]

Versuch mal:

#sidebar li li:hover

statt

#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.

 

[SonjaB]

Hallo iBirne!

Perfekt! Kleiner Fehler, grosse Wirkung

Jetzt klappt es, vielen Dank!