nicht angemeldet
Gernot BackHallo antoine,
es geht auch mit reinem CSS ohne JS!
Ich möchte gerne, dass meine Links, die jeweils in ein <li></li>-Tag eingeschlossen sind, beim überfahren eine bestimmte Hintergrundfarbe bekommen und das List-Image soll sich ändern.
Das List-Image ändert sich und die Hintergrundfarbe des Links ändern sich gewünscht.
Mein Problem: Der Hintergrund des List-Images soll sich ebenfalls mitändern (entsprechend dem Hintergrund des Links)!
Das klappt auch eigentlich wunderbar im Firefox, aber der IE macht (wie sollte es auch anders sein) mal wieder Probleme und will den Hintergrund des List-images nicht verändern.
Du könntest die Bulletgrafik statt dem List-Item als List-Style-Image dem darin enthaltenen Link, dem du display:block gibst, als nicht wiederholte Hintergrundgrafik am linken Rand zuweisen. Damit der Linktext nicht drüber fließt, verpasst du dem Link auch noch ein passendes padding-left. Dem LI-Element solltest du eine passende width geben sowie dessen margin-left und padding-left auf Null setzen.
Dann kannst du ohne JS mit a:hover arbeiten und Farbe und ggf auch das Hintergrundbullet beim Überfahren mit der Maus austauschen.
Gruß Gernot