Vinzenz: Links - Mehrere Farben

Beitrag lesen

Hallo Markus,

sorry wegen dem "hoover" bin in toronto und hab gerade meine bude aufgeräumt.

http://www.mhuber.at/uni/xhtml_statisch.htm
Submenu und Hauptmenu sind mit unterschiedlichen Klassen formatiert und unteranderem verschiedene Farben zugeordnet. Momentan "ueberschreibt" a:link, a:hover etc. die eigentlichen Farben.

Das ist auch logisch, denn Du hast sehr spezifische Selektoren aufgeführt:

<zitat quelle=http://www.mhuber.at/uni/xhtml_statisch-Dateien/main.css>
.menu_sub {
 FONT-SIZE: 7pt; COLOR: #ff6600; LINE-HEIGHT: 7pt; FONT-FAMILY: Arial, Helvetica, sans-serif
}

A:link {
 COLOR: #000000; TEXT-DECORATION: none
}

A.menu_sub:visited {
 COLOR: #000000; TEXT-DECORATION: none
}
A.menu_sub:hover {
 COLOR: #000000; TEXT-DECORATION: underline
}
A.menu_sub:link {
 COLOR: #000000; TEXT-DECORATION: none
}
</zitat>

Bitte beachte erstens die Reihenfolge, siehe auch http://de.selfhtml.org/navigation/css.htm#zentrale_formate:

:link
:visited
:hover
:active
:focus

2. Deine A.<klasse>:<pseudoklasse> sind derzeit völlig überflüssig. Deine Verweise sind sämtlich klassenlos, somit kommt die Regel

A:link

zum Tragen. Diese gibt als Schriftfarbe #000000 vor.
Lass doch die Farbangaben in A:link einfach weg. Dann sollten die Verweise in den von Dir gewünschten Farben erscheinen.

Wenn Du Elemente formatieren willst, die sich innerhalb eines Elementes einer bestimmten Klasse befinden, solltest Du die Notation

.<klasse> Element:<pseudo-klasse>

verwenden.

Noch ein paar Bemerkungen am Rande: Deiner URI entnehme ich, dass Du XHTML schreiben möchtest. Bei XHTML werden _alle_ Tags klein geschrieben, _alle_ Werte von Attributen in doppelte Anführungszeichen eingeschlossen. Mit Deinen <span> willst Du ehemalige <font> ersetzen. Das ist Dir nur halb gelungen. Du hast da ein paar zuviel. Denke daran, dass Du auch den <td> Klassen zuordnen kannst.

Zum Einsatz der Tabellen für nicht tabellarische Daten sag ich jetzt ausnahmsweise nichts :-)

Freundliche Grüsse,

Vinzenz