verschiedenfarbige Links ?

[willi eimer]

Hallo Forum
Ich habe auf meiner Index-seite verschiedenfarbige Hintergründe. Die Navigationsleiste links ist mal blau mal schwarz, der Mittelbereich ist weiss. Die Links in der dunklen Navigationsleiste sind weiss, logischerweise damit man sie besser sieht. Jetzt will ich aber in den weissen Mittelbereich auch links einbauen, die aber in einer anderen Farbe erscheinen sollen, weil man weiss auf weiss so schlecht erkennen kann.
Wie kann ich verschiedenfarbige links für bestimmte Bereiche definieren, oder gibt es zur Not eine Möglichkeit jedes Link einzeln umzumalen? Der Mittelbereich ist übrigens der bearbeitbare Bereich der Vorlage, vielleicht besteht da eine Möglichkeit.
Vielen Dank im vorraus
Willi

[toerag]

guckst du hier da ist das eigentlich recht gut deffiniert..

wie in dem artikel schon beschrieben ist es am sinnvollsten es über CVSS zu machen .. wenn noch fragen -> melden

eien schönen freitag noch und immer dran denken: bald ist WOCHENENDE

[willi eimer]

Hallo toerag
Vielen Dank erstmal. Habe anhand deines links folgendes gefunden und in meine Vorlage eingebaut. code:--------------------------------------------------------------------------------
A:link {text-decoration: none; color: #00349F;}
A:visited {text-decoration: none; color: #00349F;}
A:hover {text-decoration: underline; color: #cc0000;}
A:active {text-decoration: underline; color: #00349F;}

A.nummerzwo:link {text-decoration: none; color: #ff0000;}
A.nummerzwovisited: {text-decoration: none; color: #ff0000;}
A.nummerzwohover: {text-decoration: underline; color: #00dd00;}
A.nummerzwo:active {text-decoration: underline; color: #00349F;}
--------------------------------------------------------------------------------


Eingebunden wirds dann so:


code:--------------------------------------------------------------------------------
<a href="bla" class="nummerzwo">link</a>

Habe dann mit <a href="bla" class="nummerzwo">link</a> außerhalb der Vorlage mein link eingeschlossen, welches in einer anderen Farbe erscheinen soll. Es funktioniert aber nicht. Als aktives link erscheint es dann in der Farbe in der ich es haben will, allerdings auch nur manchmal. Da ich mich mit css überhaupt nicht auskenne, kann ich auch nicht erkennen, ob vielleicht ein kleiner schönheitsfehler im Code oben ist. Kann sich dem vielleicht mal einer annehmen und gucken ob er richtig ist, oder mir sagen warum es bei mir nicht funktioniert.
Gruss Willi

[willi eimer]

naja.

[A k i m o]

Hi,

hier ein funktionierendes Beispiel mit 2 CSS Linkstyles:
------------------------------------------------------
.link1 a:link {
text-decoration: underline;
color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px;

font-weight: bold}

.link1 a:visited {
text-decoration: underline;
color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px;

font-weight: bold}

.link1 a:hover {
text-decoration: none;
color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px;

font-weight: bold}

.link1 a:active {
text-decoration: underline;
color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px;

font-weight: bold}

.link2 a:link {
text-decoration: underline;
color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.link2 a:visited {
text-decoration: underline;
color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.link2 a:hover {
text-decoration: none;
color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.link2 a:active {
text-decoration: underline;
color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
------------------------------------------------------

Gruß

A k i m o.

[Thomas]

Original geschrieben von willi eimer

A.nummerzwo:link {text-decoration: none; color: #ff0000;}
A.nummerzwovisited: {text-decoration: none; color: #ff0000;}
A.nummerzwohover: {text-decoration: underline; color: #00dd00;}
A.nummerzwo:active {text-decoration: underline; color: #00349F;}

du hast den gleichen Fehler mitkopiert, den nicnac1 hier auch gemacht hat

nicht A.nummerzwohover: sondern A.nummerzwo:visited:

und auch nicht A.nummerzwohover: sondern A.nummerzwo:hover: muss es auf jeden Fall schon mal heißen

ansonsten poste mal nen Link zu deinem Problemfall, damit man mal den kompletten code sehen kann

[willi eimer]

Super so geht's.
Vielen Dank