Hyperlinks für verschiedene Bereiche mittels CSS im Designpack definieren

Problembeschreibung:
Ich habe auf meiner Webseite Bereiche mit wechselnden Hintergrundfarben- und bildern. Ich möchte daher mittels CSS Klassen definieren, die ich anschließend per <a class="xxx" href="xxx">xxx</a> einbinden kann.

Im Designpack habe ich dies unter dem Punkt "Zusätzlicher CSS Code" eingetragen:

code: 1: 2: 3: 4: 5: 6: .linkhome { a:link {color:blue;} a:active {color:red;} a:hover {color:green;} a:visited {color: #000000;} }

Warum wird die Klasse nicht übernommen, wenn ich diese im <a>-Tag eintrage?

Fehlermeldung:

Keine, es funktioniert nur einfach nicht.

Link zum Forum und Screenshot (KEINE Bilderhoster, per Dateianhang):

-

Was wurde zuletzt geändert oder eingebaut?

-


Danke!

Korrekte css-Syntax beachten, dann wirds auch funktionieren!
Verschatelte {} sind in css nicht möglich.

mfg

Danke für die rasche Antwort.

Leider bin ich in CSS nicht allzu bewandert, daher nun die Frage, wie das ganze dann auszusehen hat?

code: 1: 2: 3: 4: 5: 6: 7: .linkhome { a:link: color:blue; a:active: color:red; a:hover: color:green; a:visited: color: #000000; }

So?

Nein so auch nicht!

Da Du 4 verschiedene Farben haben möchtest, mußt du 4 eigene Einträge erstellen

code: 1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: .linkhome a:link { color:blue;} .linkhome a:active { color:red;} .linkhome a:hover { color:green;} .linkhome a:visited { color: #000000;}

Mfg

Tag,

ich habe den von dir erstellten Code im Designpack eingefuegt und beim hyperlink die "class" hinzugefuegt. Leider aendert sich an der Linkfarbe ueberhaupt nichts.

Gruss

Packe das class="linkhome" mal in ein den Link umschließenden Tag <span> oder <td> oder tr oder alternativ den css-Code umdrehen

[CODE]a:hover .linkhome {
CSS-Code;
}

Mit <span> klappts!

Danke :-)