Links verschiedene Faben zuordnen

Sacha

Angesehenes Mitglied
Hallo

Könnte mir bitte Jemand sagen wie ich Links (html, css) verschiede Farben zuordnen kann.

Besten Dank im Voraus.
 
Hallo,
Mit css geht es so:

QUOTE
.class1 a:link {
color: #CC0000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.class1 a:hover {
color: #FFFFFF;
text-decoration: underline overline; color: #FFFFFF; font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.class1 a:visited {
color: #CC0000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}



Für jede Farbe eine neue Klasse bauen.

Und dann im HTML File dies einbauen:


QUOTE
<div span="" class="class1" id="Dein_Layer_ID"
<p><a href="Dein_URL">Dein_Linktext</a></p>
</span></div>



Mit besten Grüssen
Boubou7
 
Danke für deine Antwort. Das habe ich mal versucht. Klappt aber leider nicht.

Hier mal ein geeignetes Beispiel. Die Links oben in den blauen Feldern werden weiss dargestellt. Leider werden manche Links dann auch im Forum weiss dargestellt (markiert mal alles um die sichtbar zu machen) und werden so unlesbar. Andere behalten wiederum ihre korrekte Farbe...

Diese wie du vorgeschlagen hast zu trennen hat nicht geklappt.
 
Probier es mal so:

a.class1:link { color: #FFFFFF }
a.class1:active { color: #FFFFFF }
a.class1:visited { color: #FFFFFF }
a.class1:hover { color: #FFFFFF }

Link sieht dann so aus:
<a href="http://www.deine-domain.de" class="class1">LINK</a>
 
Erstmals willkommen im Forum ;-)

Leider passiert auch so überhaupt nichts.
 
Das Interessante dabei ist: Ich habe es vor gut 3 Stunden selber erfolgreich verwendet..
wink.gif


Danke für die Begrüßung.
 
kann blue's vorschlag auch nur unterschreiben. würde es auf die selbe art lösen.
ric
 
Hat jetzt doch geklappt. War wahrscheinlich bloss übermütet und habe dumme Fehler gemacht.

Vor allem ein DANKE SCHÖN an Blue!
 
Zurück
Oben