mehrere Linkfarben

[Carsten Drexl]

Hallo Leute,

ich habe mit mit Javascript und CSS ein Navigationsmenü gebastelt.
Dies funktioniert auch soweit ganz gut, ich habe nur das Problem wenn ich auf schrift (.nr1) verweise also font-size:0; und color: #E6E6EB; wird natürlich die Farbe des Links angezeigt. Nun habe ich noch a.nr1:link {color:#E6E6EB;} hinzugefügt, jetzt funktioniert es im Firefox aber nicht im IE6.

Wie bekomme ich das hin.
Danke schon mal im vorraus.

Hier der Code.

<style type="text/css">

.nr1
{

font-style:normal;
font-size:0;
color: #E6E6EB;
}

a.nr1:link {color:#E6E6EB;}

.nr2
{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;

}
a:link {color:#878793;}
a:visited {color:#878793;}
a:active {color:#878793;}
a:hover {color:#000000;}

A:link { text-decoration: none }
A:visited { text-decoration: none }
A:hover { text-decoration: none }
A:active { text-decoration: none }
-->

</style>

<script language="JavaScript">
<!--

function modellon() {

Fox.className="nr2";
Polo.className="nr2";
}

function modelloff() {

Fox.className="nr1";
Polo.className="nr1";
}

<div align="left" class="nr2" id="Fox" style="position:absolute; left:392px; top:113px"><a href="#">Fox</a></div>

<div align="left" class="nr2" id="Polo" style="position:absolute; left:392px; top:129px"><a href="#">Polo</a></div>

[Cyx23]

Hallo Carsten,

...] jetzt funktioniert es im Firefox aber nicht im IE6.

mir ist nicht ganz klar worum es dir geht.

Wenn ich deinen Code um das im Posting vergessene --></script> ergänze
schaut es bei beiden Browsern recht ähnlich aus, wars das oder welches
Problem meinst du?

Grüsse

Cyx23

[Carsten Drexl]

Hallo Cyx23,

Im IE wird der link in der Farbe (a:link {color:#878793;}) angezeigt obwohl (a.nr1:link {color:#E6E6EB;}) angegeben ist. Im Firefox wird (a.nr1:link {color:#E6E6EB;}) erkannt und der Link nimmt die Hintergrundfarbe an, somit ist er unsichtbar.

Hallo Carsten,

...] jetzt funktioniert es im Firefox aber nicht im IE6.

mir ist nicht ganz klar worum es dir geht.

Wenn ich deinen Code um das im Posting vergessene --></script> ergänze
schaut es bei beiden Browsern recht ähnlich aus, wars das oder welches
Problem meinst du?

Grüsse

Cyx23

[Ingo Turski]

Hi,

Im IE wird der link in der Farbe (a:link {color:#878793;}) angezeigt obwohl (a.nr1:link {color:#E6E6EB;}) angegeben ist.

Bist Du Dir sicher, daß im IE nicht eher a:visited {color:#878793;} verwendet wird?

freundliche Grüße
Ingo

[Cyx23]

Hallo Carsten,

Im IE wird der link in der Farbe (a:link {color:#878793;}) angezeigt obwohl (a.nr1:link {color:#E6E6EB;}) angegeben ist. Im Firefox wird (a.nr1:link {color:#E6E6EB;}) erkannt und der Link nimmt die Hintergrundfarbe an, somit ist er unsichtbar.

da müßtest du aber mal passenden Beispielcode posten oder verlinken.
Nach deinem Code könntest du m.E. nur "div.nr1 a:..." bzw.
"div.nr2 a:..." oder #Fox.nr2... adressieren.

Ansonsten kann bei den beiden Browsern die Vererbung unterschiedlich
ablaufen, vielleicht auch die Hirarchie.
Da kannst du wahrscheinlich das CSS anpassen, zum Testen auch mal
important dazuschreiben um rauszukriegen wo es nicht weitergeht.

Grüsse

Cyx23