CSS-Reset: Jetzt ul li ol verschwunden

**nane** · 24.01.2013, 16:50

Hallo zusammen,

ich nutze die CSS-Reset in meinem CSS Framework.
Dadurch sind jetzt im Inhalt ul li ol verschwunden.

In meiner css Datei habe ich versucht, die Dinger wieder herzustellen
Folgendes habe ich jetzt ausprobiert:

.ce_text ul li { liste-style-type:square; }
.ce_text ol li { liste-style-type:decimal; }

ul li { liste-style-type:square; }
ol li { liste-style-type:decimal; }

ul { liste-style-type:square; }
ol { liste-style-type:decimal; }

Leider ohne Erfolg.

Hat vielleicht jemand eine Idee?
Besten Dank,
Nane

**RockSolid Themes** · 24.01.2013, 17:04

Vermutlich genügt es wenn du noch display auf list-item setzt, außerdem hast du dich verschrieben ("liste" anstatt "list")

Code:

li {
    display: list-item;
}
ul li {
    list-style: square;
}
ol li {
    list-style: decimal;
}

**nane** · 24.01.2013, 17:20

Hi RockSolid,

Danke für die schnelle Antwort.
Ich habe es jetzt direkt ausprobiert.
Leider funktioniert es immer noch nicht.

Der Schreibfehler ("liste" anstatt "list") ist mir nur hier im Forum passiert.
In der CSS war es richtig.

Bei allen anderen Elementen die ul/li enthalten habe ich immer brav davor geschrieben,
um welchen "Sektor" es sich handelt, z.B #header .mod_navigation li {list-style-type:none;}

Da kommt sich also nix in die Quere. Denke ich

**MacKP** · 24.01.2013, 18:37

Hallo nane,
wenn ich die restet Dinger richtig kenne, dann wird das eher daran liegen, das du jetzt keinen Abstand mehr hast.. also guck mal eher nach margin oder padding -left.
Die sind einfach nur aus dem Fokus geschoben.

Hoffe das hilft dir schon mal weiter. Ich arbeiten mit diesem Reset nicht, dewegen müsste ich jetzt erst nachschauen wie das da genau gemacht wurde.

Viele Grüße

**qba** · 24.01.2013, 19:32

nein ich verfolge Dich nicht MackP
(hatte gerade zufällig in einem anderen Thread auch direkt nach ihm geantwortet)

Aber er hat recht. Ein margin-left: 1em bzw. 1.5em hilft. :-)

**nane** · 25.01.2013, 08:49

YIHAA!!!

Das ist die Lösung!

ul li {
margin-left: 1.5em;
list-style: square;
}

ol li {
margin-left: 1.5em;
list-style: decimal;
}

Vielen vielen Dank!