Unterschiedliches Linklayout mit unterschiedlichen Klassen

[razzle-dazzle75]

Hallo, ich habe eine Frage:
Auf meiner Homepage sollen Links auf unterschiedlichen Seiten ein unterschiedliches Layout haben.

In meiner Style-css habe ich nun unterschiedliche Werte festgelegt, z.B.
A:link {COLOR: #000000; }
A:active {COLOR: #000000; }
A:visited {; COLOR: #000000; }
A:hover {COLOR: #000000; }

A.navigation:link {COLOR: #0460bd; }
A.navigation:active { COLOR: #0460bd; }
A.navigation:visited { COLOR: #0460bd; }
A.navigation:hover {COLOR: #0460bd; }

Ich will nun auf einer besonderen Seite festlegen, dass ALLE! Links die Farbe der Klasse A.navigation annehmen.

Ich weiß, dass ich mit
<a class="navigation" href="xyz"> abcdef....</a>
EINZELNEN Links diese Klasse zuweisen kann, wie mache ich das aber, dass diese Klasse ALLE Links annehmen, ich nicht ständig einzelne umformatieren muss?
Kennt da jemand die Antwort? Bitte helft?

 

[redlama]

Wenn Du das für Deine Navigation anwenden willst und diese zufällig in einer separaten Datei liegt und immer eingebunden wird, dann könntest Du einen zweite CSS Datei erstellen, die nur für die Navigation zuständig ist. Wenn Du diese CSS Datei dann einbindest, bekommen ja alle Links der Navigation die Werte der definierten Klasse.
(Dann sollte die Klasse aber nur a heißen und nicht a.navigation)

redlama

 

[Daniel Mannheimer]

Schmeiss die Links doch in ein Blockelement.

#eins a,a:link,a:active,a:visited,a:hover {COLOR: #000000; }
#zwei a,a:link,a:active,a:visited,a:hover {COLOR: #0460bd; }

<div id="eins">
<a href...>test</a>
<a href...>test</a>
<a href...>test</a>
<div>

<div id="zwei">
<a href...>test</a>
<a href...>test</a>
<a href...>test</a>
<div>

 

[razzle-dazzle75]

Phänomenal, das hat geklappt!

Vielen lieben Dank.

 

[Kitchy]

Hallo!
Ich hätte da auch noch eine Frage, die in die gleiche Richtung geht.
Ich habe eine Tabellenzeile mit 5 Spalten.
In jeder Spalte ist ein Link. Jeder Link soll beim Überfahren mit der Maus die Hintergrundfarbe in eine andere Farbe ändern. z.B:
Link1 --> rot
Link2 --> blau
Link3 --> grün usw.
Das klappt mit o.g. Tipp soweit ganz gut, bloß hätte ich gern, dass nicht nut der Bereich um den Linktext, sondern die ganze Zelle die Farbe wechselt.
Ist das mit HTML und CSS auch möglich?

 

[Daniel Mannheimer]

Jau:

#eins a,a:link,a:active,a:visited,a:hover {COLOR: #000000; witdh:150px; background-color:#FFF;}

Du musst nur die Breite des Links anpassen, damit er die Tabellenzelle ausfüllt.