hover: IE wechselt nur für die Linkschrift die Farbe
schlubber
- css
Hallo
bin am Gestalten der Navigationsleiste wie unter:http://de.selfhtml.org/css/layouts/navigationsleisten.htm und möchte den folgenden hover-Effekt bewirken: die Hintergrundfarbe für den eingerahmten Menüpunkt soll orange werden. In Opera, Netscape und Firefox funktioniert das einigermassen, indem ich für den link und den <li>-Bereich die Hintergrundfarbe angebe wie folgt:
css:
ul#Navigation a:hover, ul#Navigation span {
border-color: white;
color: white; background-color: #FF9933;
}
ul#Navigation li:hover {
background-color: #FF9933;
}
html:
<div id="menue_Kopfzeile">
<ul id="Navigation"> <li><a href="#Beispiel">home</a></li> <li><a href="#Beispiel">Aktuell</a></li> <li><a href="#Beispiel">Galerie</a></li>
<li><a href="#Beispiel">Lage</a></li>
<li><a href="#Beispiel">Kosten</a></li>
</ul>
</div>
im IE wird aber leider nur die Hintergrundfarbe für den Text geändert, links und rechts entstehen unschöne weisse Lücken.
Hat Jemand eine Idee, wie ich diesen Fehler ausbessern kann?
Die Problem-Navigationsleiste ist hier:
http://neff.swissworld.com/der_neueste_Versuch105.html
viele Grüsse an alle Nachtschwärmer und 1000 Dank für Hilfe
schlubber
Hello out there!
Der IE kennt :hover nur für Links.
Verzichte auf li:hover, lass stattdessen das a-Element die ganze Box des li-Elements aufüllen: display: block; width: 100%.
See ya up the road,
Gunnar
thanks a lot
werd's heut abend mal ausprobieren.
viele Grüsse
schlubber