Links- und Hover- Textfarben

[hardy jakob]

Hallo Forum,

wie kann ich im Text mehere Links mit unterschiedlichen CSS-Styles
formatieren?

Wer kann helfen?

Gruß
   Hardy

[Sönke Tesch]

wie kann ich im Text mehere Links mit unterschiedlichen CSS-Styles
formatieren?

Wer kann helfen?

SelfHTML: http://selfhtml.teamone.de/css/formate/zentrale.htm. Lies es. Versteh es. Leb danach.

Gruß,
  soenk.e

[Hardy Jakob]

SelfHTML: http://selfhtml.teamone.de/css/formate/zentrale.htm. Lies es. Versteh es. Leb danach.

Soweit ganz ok., aber ich finde keine Beispiele für mehrere unterschiedlich formatierte Links in einem Absatz.

Gruß
   Hardy

[Orlando]

Hi Hardy,

SelfHTML: http://selfhtml.teamone.de/css/formate/zentrale.htm. Lies es. Versteh es. Leb danach.

Soweit ganz ok., aber ich finde keine Beispiele für mehrere unterschiedlich formatierte Links in einem Absatz.

doch, die werden dort (indirekt) beschrieben. Hier übrigens auch:

http://selfhtml.teamone.de/navigation/faq.htm#abweichende_verweisfarben

LG Roland

[AndréZ]

Ho Hardy,

weise den unterschiedlichen Links einfach Klassen zu.

Bsp:
<style type="text/css">
<!--
a:link {color:#000000; textdecoration: none;}
a:visited {color:#000000; textdecoration: none;}
a:hover {color:#000000; textdecoration: underline overline;}
a:active {color:#000000; textdecoration: none;}

a.rot:link {color:#ff0000; text-decoration:none;}
a.rot:visited {color:#ff0000; text-decoration:none;}
a.rot:hover {color:#ff0000; text-decoration: underline overline;}
a.rot:active {color:#ff0000; text-decoration:none;}

a.diverse:link {color:#000000; text-decoration:none;}
a.diverse:visited {color:#ff0000; text-decoration:none;}
a.diverse:hover {color:#00ff00;  text-decoration:underline overline;}
a.diverse:active {color:#0000ff; text-decoration:none;}

-->
</style>

Dann im Body:

<a href="xy.html" class="rot">LINK 1</a>
<a href="ab.html" class="diverse">LINK 2</a>

Viel Spaß

André