Zum Inhalt springen

Textmenü - Schriftfarbe

Erstellt am 11. April 2004 · 2 Antworten · letzte Antwort am 12. April 2004

Tags: HTML & CSS, Frage

dis-ko ·

Hallo,
es gelingt mir nicht, in einem einfachen Textmenü die Schrift-Farbe und Text-Dekoration einzustellen:

Auszug aus Template:
...
seite.10.1 = TMENU
seite.10.1 {
NO.allWrap = </br><div class="menu1-level1-no"> | </div>
...
}
...

Auszug aus Styles.css
.menu1-level1-no { font-family:Arial,Helvetica,sans-serif; font-size:12; color:#FFFFFF; text-decoration:none; font-weight:bold;}

Schriftype und -größe werden übernommen, die Farbe und Dekoration nicht.

Ich möchte die Farbe der Links nicht über body-Parameter einstellen, da diese Werte nicht für alle Links der Seite gelten sollen.

In den Handbüchern habe ich keine brauchbaren Hinweise gefunden.

Vielen Dank für Hinweise

jweiland ·

Die Werte für text-decoration und color gibst du in weiteren Zeilen wie folgt an:

.menu1-level1-no a:link {text-decoration: none; color: #FFFFFF;}
.menu1-level1-no a:visited {text-decoration: none; color: #FFFFFF;}
.menu1-level1-no a:hover {text-decoration: none; color: #FFFFFF;}
.menu1-level1-no a:active {text-decoration: none; color: #FFFFFF;}

Dabei muss die Reihenfolge link-visited-hover-active eingehalten werden.

Jochen Weiland

dis-ko ·
jweiland schrieb

Die Werte für text-decoration und color gibst du in weiteren Zeilen wie folgt an:

.menu1-level1-no a:link {text-decoration: none; color: #FFFFFF;}
.menu1-level1-no a:visited {text-decoration: none; color: #FFFFFF;}
.menu1-level1-no a:hover {text-decoration: none; color: #FFFFFF;}
.menu1-level1-no a:active {text-decoration: none; color: #FFFFFF;}

Dabei muss die Reihenfolge link-visited-hover-active eingehalten werden.

Jochen Weiland

Vielen Dank!
Damit funktioniert es genau so, wie ich es haben wollte.

N_Gebel