Hover Effekt bei Netscape und Firefox

[Detlef G.]

Hallo Mascha,

... klappt auch alles nur das netscape und Firefox einen häßlichen schwarz gepunkteten Rahmen um meinen weißne hintergrund machen,

Den macht der IE auch.
Dieser Rahmen ist die Browsereigene Anzeige, welches Element den Fokus hat,
damit auch mit der Tabulatortaste navigiert werden kann.
Du kannst ihn nicht verhindern, ohne das Fokussieren selbst zu unterbinden,
aber das willst du ja nicht.

Allerdings habe ich dann bei oben genanntem Hover Effekt zusätzlich das Problem, dass der Hintergrund nicht komplett die Farbe wechselt, sondern der Teil, der eigentlich zwischen den Beiden boxen liegt, seine Farbe behält.

Ja, du hast noch Leerzeichen bzw. Zeilenumbrüche zwischen den Elementen.
Bei Inlineelementen werden diese angezeigt.

<div id="mainNavi">
   <ul>
<li><a class="menu" href="#">link1</a></li><li>
<a class="menu" href="#">link2</a></li><li>
<a class="menu" href="#">link3</a></li><li>

^^^^
                Das ist gehört hier nicht hin.

</ul>
</div>

Die KLassen sind absolut unnötig und blähen nur den Quelltext auf.
Du kannst alles innerhalb von #mainNavi über den Nachfahrenselektor
ansprechen.

#mainNavi li{  
  display:inline;}  
  
#mainNavi a{  
  ...  
}  
#mainNavi a:link{  
  ...  
}  

Da die Linkboxen unterschiedlich groß entsprechend der enthaltenen Textlänge sein sollen, bietet sich ein float layout mit echten Boxen meiner meiner Meinung nach nicht an.

Hast du es mal versucht?
Vielleicht wird damit und mit display:block für #mainNavi a dann auch der
gepunktete Rahmen weniger problematisch.

Auf Wiederlesen
Detlef