Links auf einer HTML mit verschiedenen Färbungen

[Anonykatz]

Hallo Leute!

Ich habe gerade ein Problem.
Ich möchte eine Seite machen auf der Links mit verschiedenen Farben gekennzeichnet werden sollen.
Kann mir jemand sagen, wie das geht?
Ich hab jetzt schon ein paar Dinge versucht, aber es klappt leider nicht.

Danke
Anonykatz

[Cheatah]

Hi,

Kann mir jemand sagen, wie das geht?

orientiere Dich am Beispiel in http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#before_after.

Ich hab jetzt schon ein paar Dinge versucht, aber es klappt leider nicht.

Wenn Du uns sagen würdest, _was_ Du versucht hast, könnte man vielleicht den Fehler darin finden.

Cheatah

[Anonykatz]

Hallo!

Ja, dass hab ich schon gemacht.
Habe folgendes versucht:
<style type="text/css">
  <!--
  a.navi {
  a:link { color:#C9D1D3; text-decoration:none }
  a:visited { color:#C9D1D3; text-decoration:none }
  a:hover { text-decoration:underline}
  a:active { text-decoration:none}
  }

a.normal {
  a:link { color:#355057; text-decoration:none }
  a:visited { color:#355057; text-decoration:none }
  a:hover { text-decoration:underline}
  a:active { text-decoration:none}
  }
  //-->

Funktioniert leider nicht.

[Anonykatz]

Hi!

Lösung gefunden.

Trotzdem Danke!

Bis bald,
NAdine

[Cheatah]

Hi,

Lösung gefunden.

verrätst Du den anderen Lesern, die das gleiche Problem haben und vielleicht gerade in der Archivsuche auf Dein Posting gestoßen sind (Huhu! *wink*) eventuell auch, wie diese Lösung aussieht?

Btw, ich habe schon _genau_ die Stelle gemeint, zu der der Link führt, nicht irgendwelche anderen Bereiche der Seite.

Cheatah

[Anonykatz]

Hallo!

Hier die Lösung...
<style type="text/css">
  <!--
  a.navi:link { color:#C9D1D3; text-decoration:none }
  a.navi:visited { color:#C9D1D3; text-decoration:none }
  a.navi:hover { text-decoration:underline }
  a.navi:active { text-decoration:none }
  }

a.normal:link { color:#355057; text-decoration:none }
  a.normal:visited { color:#355057; text-decoration:none }
  a.normal:hover { text-decoration:underline }
  a.normal:active { text-decoration:none }
  }
  //-->
  </style>

Wenn man den Aufruf dann machen will einfach <a class="navi">
bzw. <a class="normal"> eingeben.

Bis bald.
Anonykatz

[Cheatah]

Hi,

Hier die Lösung...

im Namen aller Suchenden: Danke :-)

Btw, hast Du die Lösung (doch) unter der von mir genannten URL gefunden, oder an anderer Stelle?

Cheatah

[Margarete Palffy]

Moin Anonykatz,

die Unterklasse "normal" für die normalen Links kannst Du sogar noch weglassen:

a.navi:link { color:#C9D1D3; text-decoration:none }
  a.navi:visited { color:#C9D1D3; text-decoration:none }
  a.navi:hover { text-decoration:underline }
  a.navi:active { text-decoration:none }

a:link { color:#355057; text-decoration:none }
  a:visited { color:#355057; text-decoration:none }
  a:hover { text-decoration:underline }
  a:active { text-decoration:none }

Dann wird jeder Link, der ohne Klassenangabe daherkommt, automatisch in diesem Format angezeigt. Je nachdem, wie viele normale Links Du auf Deinen Seiten einbaust, kann das ganz schön Tipparbeit sparen. ;o)

Herzliche Grüße,
Meg