D.R.: CSS-Problem bei Navigation

Beitrag lesen

Hallo,

die einzelnen Menupunkte werden mit a.navi ausgezeichnet, die jeweils aktuelle Seite mit a.navi2

Warum so kompliziert? Du hast doch schon eine <ul> mit der Klasse „navi“. Formatiere alle Links darin einfach durch Verwendung des http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Nachfahrenselektors. Dann kannst du die die vielen Klassen sparen.

Bei Firefox alles o.k., allerdings beim IE erscheint die Schrift nicht in weiss.

In so einem Fall, solltest du erstmal die http://de.selfhtml.org/css/formate/kaskade.htm#ursprung@title=Spezifität erhöhen. Z.B. über !import. Das scheint hier nämlich das Problem zu sein.

Was läuft da falsch? (entweder bei mir oder beim IE ;-)

Wahrscheinlich der IE. Ich könnte wetten, er vergleicht „navi1:hover“ mit „navi2“.

Aber wie schon erwähnt, würde ich an deiner Stelle mit Nachfahrenselektoren  arbeiten.
Was hältst du davon:

CSS:

  
.navi a {} /*Formatierungen für normale Links in der Navi*/  
.navi a.hierbinich {} /*Formatierungen für Link, der zur aktuellen Kat. führt*/  

  
HTML:  
<ul class="navi">  
<li><a>Link1</a></li>  
<li><a>Link2</a></li>  
<li><a class="hierbinich">Link3</a></li>  
<li><a>Link4</a></li>  
</ul>  

mfg. Daniel