|
|||
Listenpunkte einfärben
Hallo Ihr,
Ich suche mich grade wund, möchte die Punkte meiner Liste blau einfärben, dahinter in schwarz die Weblinks. Ich weiß, dass sich das ganze sonst auch mit list-style-image lösen lässt, allerdings mit dem unschönen Nebenergebnis, das mir der IE 6 das bildliche Aufzählungszeichen dann an den oberen Rand der Aufzählungs-Zeile positioniert. (Etwas verwirrend, ich hoffe ihr könnt meinem Gedankengang folgen). Kann mir jemand weiter helfen? Lg, Sascha edit: Tja, so ein Mist - da gucke ich mir interessehalber die Punkte "verwandte Themen" an, und finde sogar eine Lösung für mein Problem *hust*. Typischer Fall von Scheunklappen würde ich sagen. Interessieren würde mich dennoch, ob man die standartisierten Aufzählungszeichen einfärben kann.. Geändert von Weksel (18.09.2007 um 13:20 Uhr) |
Sponsored Links |
|
|||
du kannst dem ul direkt die farbe und die form zuweisen
zb so Code:
<ul style="list-style: upper-roman; color:#0000FF;"> Code:
<ul style="list-style: disc; color:#0000FF;"> kannst aber auch die einzelnen listpunkte nochmal extra so definieren like Code:
<ul style="list-style: upper-roman; color:#0000FF;"> <li style="list-style: square; color:#FF0000;"> </li> <li> </li></ul> Geändert von newbie2k7 (18.09.2007 um 14:16 Uhr) |
|
||||
Hier der Beispiel:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Punktfarbe in Listen</title> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <ul> <li id="navigation1"><a href="#">navigation1</a></li> <li id="navigation2"><a href="#">navigation2</a></li> <li id="navigation3"><a href="#">navigation3</a></li> <li id="navigation4"><a href="#">navigation4</a></li> <li id="navigation5"><a href="#">navigation5</a></li> <li id="navigation6"><a href="#">navigation6</a></li> <li id="navigation7"><a href="#">navigation7</a></li> <li id="navigation8"><a href="#">navigation8</a></li> </ul> </body> </html> Code:
* { margin: 0; padding: 0; border: 0; } body { padding: 50px } ul { color: blue } ul li { } ul li a { color: #f00; text-decoration: none; } ul li a:hover{ color: #0f0; } |
|
|||
Hmm, ich hatte genau das eigentlich ausprobiert, dachte mir auch, dass sich die Aufzählungszeichen eigentlich mit der Vordergrundfarbe ändern sollten. Ich habe es eben in einem Test-Dokument nochmal versucht, klappt auch soweit ... *schüttelt den Kopf*
Danke für die Bemühungen und die Antworten, alles klar soweit Lg, Sascha |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Listenpunkte - Ziffern in geordneter Liste "fett" | Mahoney | CSS | 3 | 17.11.2007 17:48 |
li verliert Listenpunkte im IE bei float: left | Noo | CSS | 2 | 04.04.2007 10:03 |
div bei hover einfärben? ie will nicht; wie bei visited einfärben? | antiplex | CSS | 7 | 26.03.2007 22:42 |
Positionierung der Listenpunkte | deepblue | CSS | 4 | 18.03.2007 09:09 |
listenpunkte bündig | lostlambs | CSS | 2 | 26.08.2003 00:14 |