2 Menus sollen unterschiedliche LinkFarben erhalten - wie?

[Andreas]

Hallo zusammen,

ich habe meine Menustruktur in 2 Bereiche aufgeteilt - oben: Grundebenen, links: weiterführende Seiten.

Mein Problem:
Ich muss a:link zentral definieren.
Allerdings sollen auf Grund grafischer Gestaltung die Links im oberen Bereich weiß sein, die Links im linken Bereich sollen schwarz erscheinen.

mit der Pseudoklassendefinition kann ich keine unterschiedliche Farben anlegen - dort sind alle Links gleich.

Ich habe keine andere Möglichkeit gefunden, Links andersweitig eine Farbe zuzuordnen. Grafiken kann ich nicht verwenden, da im linken Bereich ein Farbverlauf ist. (und will ich auch nicht verwenden)

Habt ihr eine Lösung für mich?

vielen Dank!
Andi

[Rafael]

Diffuse Problemerklärung...

Folgende Möglichkeiten:

div#a a:link {
color: #FF0000;
}

div#b a:link {
color: #0000FF;
}

Gesetzt der Fall, du kannst die Bereiche trennen.

Oder.

a.typ1:link {
color: #FF0000;
}

a:link {
color: #0000FF;
}

damit hast du einen allgemeinen und einen speziellen Linktyp. Woran soll das scheitern?

[Wilhelm Turtschan]

habe d'ehre Andreas

Ich habe keine andere Möglichkeit gefunden, Links andersweitig eine Farbe zuzuordnen. Grafiken kann ich nicht verwenden, da im linken Bereich ein Farbverlauf ist. (und will ich auch nicht verwenden)

z.B:
a.linkeSeite {color:#993333;}
a.oben {color:#000066;}

<a class="oben" .......>
<a class="linkeSeite"..>

oder wenn D übergeordnete Elemente hast

z.B.
div#linkeSeite a {color:#993333;}
div#oben a {color:#000066;}

<div id="linkeSeite">
<a href="......>

man liest sich
Wilhelm

[Andreas]

vielen vielen Dank an alle - sooooo schnelle Antworten! wow

Wilhelm, dein Vorschlag hat mir am meisten geholfen, da der Hinweis dabei war, wie ich es in Verbindung mit dem StyleSheet einbinde - danke

Gruß Andi

ich hatte die ganze class-Geschichte schon wieder verdrängt ...

[wucher wichtel]

Hallo!

Du gibst den Links in der oberen Leiste eine Klasse und den in der unteren Leiste auch. Dann greifst du auf die Links der jeweiligen Klasse zu:

  
ul.obereListe a {   /* Hier greifst du auf die obere Liste per */  
 color: #FFFFFF;    /* Nachfahrenselektor zu                   */  
}  
  
ul.untereListe a {  /* Hier greifst du auf die untere Liste per */  
 color: #FFFFFF;    /*  Nachfahrenselektor zu                   */  
}  

Du kannst den Links in den jeweiligen Bereichen aber auch Klassen zuweisen:

  
a.obereListe  {     /* Hier greifst du auf die Links der */  
 color: #FFFFFF;    /* oberen Klasse zu                  */  
}  
  
a.untereListe {     /* Hier greifst du auf die Links der */  
 color: #FFFFFF;    /* unteren Klasse zu                 */  
}  

ciao, ww