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