✔ mehrere hyperlink-styles

[Comenius]

Hi ihr

Bis jetzt habe ich meine links so formatiert:

A:hover { .....
.link { .....

Bei dieser Variante werden aber (bei mir zumindestens) ALLE links gleich formatiert.

Ich möchte aber gerne mehrere Hyperlink-styles.

Also:

A:hover {....
.link1 {....
A:hover {....
.link2 {....

Da das so nicht geht, habe ich schon herausgefunden, aber ich weiss leider sonst keinen anderen weg.

Speziell zu den Links habe ich bei goggel nichts passendes gefunden. Vielleicht könnt ihr mir ja helfen

Danke

Gruss
Commi

 

[Gottox]

A:hover {....
A.link1:hover {....
A:hover {....
A.link2:hover {....

So...

 

[Maik]

Wenn du mehrere (unterschiedliche) Link-Formatierungen in deinem Dokument / deiner Seite verwenden willst, dann benötigst du entsprechende CSS-Klassen - hier z.B. style1 und style2:

a.style1:link { }
a.style1:visited { }
a.style1:hover { }
a.style1:active { }

a.style2:link { }
a.style2:visited { }
a.style2:hover { }
a.style2:active { }

<a class="style1" href=""> ... </a>

<a class="style2" href=""> ... </a>

 

[Comenius]

Danke

Mir reicht eigentlich "hover" da ich nicht auf so viel schnick-schnack stehe.

Aber dank euch trotzdem, jetzt hab ich das wenigstens kapiert

Gruss
Commi

 

[Maik]

Frage beantwortet? Problem gelöst? Dann markiere dein Thema bitte als "Erledigt"!

Thanx ;-]

 

[Comenius]

Das mache ich erst wenn ich alles getestet habe und es auch läuft *g* muss noch eben was erledigen, bin also noch nicht dazu gekommen

 

[Comenius]

Hmmmm

Bei mir wird nur die "hover"-Funktion ausgeführt, der "link"-Teil wird nicht angerührt.
Es bleibt also immer der Standart Link stehen, ausser wenn man mit der Maus darüber geht *grummel*

a.style1:link  { font-family: Arial,Verdana; font-size:  8pt; font-weight: bold; color: #FFFFFF; background-color: #003366; text-decoration: none; }
a.style1:hover { font-family: Arial,Verdana; font-size:  8pt; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; }

Im HTML-Teil spreche ich den Code mit "class="style1"" an.

Vielleicht weiss ja jemand weiter

Danke

Gruss
Commi

 

[Maik]

Sorry, mein Fehler

a.style1 { }
a.style1:link { }
a.style1:visited { }
a.style1:hover { }
a.style1:active { }

a.style2 { }
a.style2:link { }
a.style2:visited { }
a.style2:hover { }
a.style2:active { }

oder

a.style1, a.style1:link { }
a.style1:visited { }
a.style1:hover { }
a.style1:active { }

a.style2, a.style2:link { }
a.style2:visited { }
a.style2:hover { }
a.style2:active { }

 

[Comenius]

Hmmmmmmmmmm³

Ich habe deine beiden (neuen) Code-Versionen mal getestet, jetzt wird gar nichts mehr angesprochen, also der Link ändert sich überhaupt nicht mehr.

Mehr bleibt mir leider nicht übrig, denn ich habe davon nicht all zu viel Ahnung

Vielleicht kannst du mir ja nochmal helfen.

Gruss
Commi

 

[Maik]

Dann poste bitte den kompletten Quelltext deiner Seite ... thanx ;-]