zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Listenpunkte einfärben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.09.2007, 13:00
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2007
Beiträge: 38
Weksel befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.09.2007, 13:45
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 06.06.2006
Beiträge: 188
hubert17 befindet sich auf einem aufstrebenden Ast
Standard

heikos könnte dir da weiterhelfen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.09.2007, 13:56
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Hallo Weksel,

das geht z.B. so:
Du gibst dem Eltern-element der <li> ( das wäre dann der "ol", "ul" oder "dl" ) die farbe blau.
Code:
ul {
      color: blue
}
Das gilt jetzt für alles was sich unter "ul" befindet, auch für die Punkte. Dann wird die <li> selbst normal weiter formatiert. Egal was für "color" Du für die <li> bestimmst, es überschreibt die "color"-Anweisungen für <ul> nicht. Also bleiben die Punkte blau.

Grüße: Emil

Sorry, es ist mir ein Denkfehler passiert. "color" nicht auf die <li> selbst anwenden, sondern auf das was in <li> drin steht, z.B. <a>.

Beispiel: s. Unten

Geändert von etux (18.09.2007 um 14:16 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 18.09.2007, 14:13
Benutzer
neuer user
 
Registriert seit: 06.09.2007
Beiträge: 75
newbie2k7 befindet sich auf einem aufstrebenden Ast
Standard

du kannst dem ul direkt die farbe und die form zuweisen

zb so
Code:
<ul style="list-style: upper-roman; color:#0000FF;">
oder zb auch so
Code:
<ul style="list-style: disc; color:#0000FF;">
und dann musst halt nur noch deine linkfarbe anpassen

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;">&nbsp;</li>
<li>&nbsp;</li></ul>
lg

Geändert von newbie2k7 (18.09.2007 um 14:16 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 18.09.2007, 14:18
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

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;
}
Grüße: Emil
Mit Zitat antworten
  #6 (permalink)  
Alt 18.09.2007, 14:41
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2007
Beiträge: 38
Weksel befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:32 Uhr.