✔ Liste - Farbanpassung

[schutzgeist]

Hallo,

hab ein wie ich hoffe recht kleines Problem bei dem ich grad aber trotz Forensuche und selfHTML nicht weiter komm...

Und zwar hab ich eine Auflistung

<div id="content>
<ul>
<li>text...</li>
<li>text...</li>
</ul>
</div>

und diesen CSS dazu:

.content ul {
list-style-type: disc;
color: #d30031; 
margin-left: 2em;
margin-top: 0.5em;}

.content li {
color: #000000; }

Was ich eigentlich damit versuch ist die 'Disc's' rot zu bekommen... klappt aber nicht.
Ich könnte diese zwar auch gegen ein Bild austauschen, aber es muss doch auch so gehen?

Wer nimmt mir den Fuß von der Leitung?

Danke schonmal,
schutzgeist

Edit:
Wenn wir schon dabei sind:
Wie krieg ich die <li>-Elemente noch nach links eingerückt?
mit margin-left klappts nicht.. IE und FF schieben das jeweils in die andere Richtung :suspekt:
Stimmts beim einen, siehts beim anderen völlig deplatziert aus...

 

[Moan]

Hola,

soweit ich weiß, werden -wenn du eben das "list-style-type: disc;" benutzt - die browsereigenen discs angezeigt. Um diese rot zu bekommen, bleibt dir wohl nichts anderes übrig, als ein eigenes list-image zu erstellen. Sieht eh viel schöner aus ;-)
Man möge mich verbessern, wenn es doch möglich ist

Was die Einrückung anbelangt, so fang ich bei Listen immer erstmal damit an, margin und padding auf 0 zu setzen und zwar beim <ul>-Tag. Danach kannst du ja bspw mit

margin:0 0 0 10px;

beginnen diesen langsam einzurücken, bis es deinen Vorstellungen entspricht. Hab grad leider nichts zum Testen da, müsste aber klappen.

Greetz

Dani

 

[Maik]

Probier mal Folgendes, um das Bulletzeichen entgegen der Textfarbe einzufärben:

.content ul {
         list-style-type: disc;
         margin: 0.5em 0 0 0;
         padding: 0;
}

.content li {
         color: #d30031;
         margin-left: 2em;
}

.content li span {
         color: #000000;
}

<div class="content">
     <ul>
         <li><span>text</span></li>
         <li><span>text</span></li>
     </ul>
</div>