Offene Html FAQ / Links Mit Unterschiedlichen Farben
StartSeite | OffeneHtmlFAQ/ | Neues | TestSeite | ForumSeite | Teilnehmer | Kategorien | Index | Hilfe | Einstellungen | Ändern
"Wie definiere ich für Links innerhalb derselben Web-
seite unterschiedliche Farben und Hintergrundfarben? Eine Tabelle mit verschiedenen Hintergrundfarben (mal hell, mal dunkel) erfordert das. Ich finde einfach keine Lösung. Sie sollte auf HTML oder CSS basieren."
Mit HTML alleine hat das Problem keine Lösung. Die Linkfarben sind nur einmal (im BODY-Tag) definierbar. Allenfalls könnte mit Frames gearbeitet werden.
Mit CCS ist die Lösung ziemlich einfach. Jedes HTML-Tag kann mit class="name" einer Klasse zugeordnet werden. Links sehen dann z. B. so aus:
| <a href="wiki.cgi?RecentChanges" class="nav">RecentChanges</a> |
|
|
Die Linkfarben (aber auch alle anderen Schriftattribute) sind je Klasse (hier im Beispiel: default, "nav", "body") separat definierbar:
| a {
color: white;
}
a:visited {
color: white;
}
a.nav {
color: white;
font-weight:bold;
}
a.nav:visited {
color: white;
font-weight:bold;
}
a.body {
color: #993366;
}
a.body:visited {
color: #663333;
} |
|
|
Für ein komplettes Beispiel siehe den Source der Seite IpmWiki:StartSeite (dieser ist von den meisten Browser mit "View Source" zugänglich).
KategorieHtml
StartSeite | OffeneHtmlFAQ/ | Neues | TestSeite | ForumSeite | Teilnehmer | Kategorien | Index | Hilfe | Einstellungen | Ändern
Text dieser Seite ändern (zuletzt geändert: 28. August 2002 13:53 (diff))