a:hover - Farbe für eine einzelnen Link ändern

[Ingo Siemon]

Guten Tag allerseits

Ich habe im head-Bereich einer html-Datei folgendes stehen:

<style type="text/css">
<!--
a:link { text-decoration:none; font-weight:bold; color:#E00000; }
a:visited { text-decoration:none; font-weight:bold; color:#800000; }
a:hover { text-decoration:none; font-weight:bold; background-color:#FFFF00; }
a:active { text-decoration:none; font-weight:bold; background-color:#CCFFFF; }
-->
</style>

Nun möchte ich aber gerne für einen ganz bestimmten Link
in dieser html-Datei die hover-Farbe ander haben.

Wie kann ich das erreichen ?

Über Hilfe und Ideen würde ich mich wirklich riesig freuen :)
Gruß aus Münster
Ingo Siemon

[Gunnar Bittersmann]

Ingo,

Nun möchte ich aber gerne für einen ganz bestimmten Link
in dieser html-Datei die hover-Farbe ander haben.

Wie kann ich das erreichen ?

Mit id und entsprechendem Selektor.

(Unschöne, inzwischen missbilligte Variante: direkt formatieren)

Gunnar

[Ingo Siemon]

Lieber Gunnar

Mit
id und entsprechendem Selektor.

OK, erstmal vielen lieben Dank für Deine Hilfe !

Somit habe ich also nun im head-Bereich folgendes stehen:

<style type="text/css">
<!--
a:link { text-decoration:none; font-weight:bold; color:#E00000; }
a:visited { text-decoration:none; font-weight:bold; color:#800000; }
a:hover { text-decoration:none; font-weight:bold; background-color:#FFFF00; }
a:active { text-decoration:none; font-weight:bold; background-color:#CCFFFF; }
#rot  {color:#red;}
-->
</style>

Und er Link sieht dann soaus:
<a href="blablabla" id="rot">blablbabla</a>

Das funktioniert aber leider nicht.
Sorry, wenn ich mich so blöd anstelle :)
Aber ich würde mich über weitere Hilfe natürlich sehr freuen :)
Gruß
Ingo

[Gunnar Bittersmann]

#rot  {color:#red;}

^

Das funktioniert aber leider nicht.

Kann auch nicht.
Gunnar

[Ingo Siemon]

Hallo nochmal :)

#rot  {color:#red;}

Kann auch nicht.

Ups, ja stimmt :)
War aber nur ein Schreibfehler hier im Forum.

Ich habe nun in meiner css-Datei stehen:
#schwarz {color:#000000;}

Und im Link:
<a href="blablabla" id="schwarz">blablbabla</a>

Aber das geht auch nicht.
Ausserdem möchte ich ja erreichen, dass NUR FÜR DIESEN EINZIGEN Link
alle Farben (link, visited, hover, active) auf "scharz" stehen sollen ?

Alle anderen Links in der html-Datei sollen aber den css-Angaben
im head-Bereich (bzw. denen in der zentralen css-Datei) folgen

Kannst Du mir die vielleicht doch noch mal helfen ?
Gruß
Ingo

[Gunnar Bittersmann]

Aber das geht auch nicht.

Warum nicht? Gib am besten mal den URI zu deiner Seite.
Gunnar

PS. "schwarz" ist als ID-Bezeichnung suboptimal. Wenn dir nun später einfällt, dass es doch rot sein soll? Besser eine Bezeichnung entsprechend der Funktion wählen: z.B. "fooLink, wenn der Link zu foo geht.

[Ingo Siemon]

Danke aber ich habs inzwischen lösen können

Gruß
Ingo

[schmichl]

Hi!

a.schwarz:hover { text-decoration:none; font-weight:bold; color:#000000;}

<a class="schwarz">Schwarz bei Mouseover</a>

muss funzen, wenn du den Link nur bei Hover schwarz haben willst!

[Gunnar Bittersmann]

schmichl,

<a class="schwarz">Schwarz bei Mouseover</a>

Warum du eine Klasse propagierst, wenn nur ein einziges Element selektiert werden soll, ist (sicher nicht nur) mir schleierhaft.

Gunnar