Listen werden nicht richtig dargestellt

Mit dem schönen Template 'Modern Green' von iNetRobots werden Aufzählungs- und numerische Listen nicht korrekt dargestellt:
Testseite
Bei den Aufzählungslisten fehlen die Punkte, bei den numerischen Listen die Zahlen.
Das gilt übrigens auch im Backend und im TinyMCE.

Auch mit Hilfe von DragonFly sehe ich nicht, wo der Fehler liegen könnte.

Hat jemand eine Idee, wie ich Abhilfe schaffen kann?

Gruß, Lutz

HI

einfach unter Stylesheets im Backend eine neue Formatdefinition in der Datei basic.css erstellen:

Code:

---

ul,ol {
 padding-left:20px;
}

---

Sebastian

Das hat leider nicht funktioniert!

DragonFly zeigt mir jetzt folgendes an:
basic.css

Zitat:

---

ul, ol {
padding-left: 20px [overwritten];
}

---

default values

Zitat:

---

ul {
display: block;
margin-top: 1em [overwritten];
padding-left: 40px [overwritten];
margin-bottom: 1em [overwritten];
list-style-type: disc;
list-style-position: outside;
}

---

HI

ich habe keine Ahnung was DragonFly ist, ich nutze Firebug. aber das Resultat ist klar: Das was du gerade festgelegt hast wird irgendwo überschrieben. Du kannst also entweder dieses Element suchen und entfernen, oder du machst aus dem neuen:

Code:

---

ul,ol {
 padding-left:20px !important;
}

---

Sebastian

Probiers mal mit

Code:

---

#main ul li {
list-style-type:disc;
text-indent:40px;
list-style-position:inside;}

---

MfG, Carolina.

P.S.: Dragonfly ist das überaus feine Entwicklungswrkzeug von Opera.

HI

tja, ich habe keinen Opera. Mal sehen, ob ich das mal ausprobiere. Ist es so gut wie Firebug?

Sebastian

Nicht ganz so gut - Firebug ist der Grund, weshalb FF mein primärer Entwicklungs-Browser ist. Opera ist mein 'richtiger' Browser (so zum surfen und so ... ;-) ).

Dragonfly ist zumindest gewöhnungsbedürftig, aber wenn man's mal kapiert hat, dann ist es auch ganz nett.

Beste Grüße,
Carolina.

Carolina's Tip hat's leider auch nicht gebracht.

Code:

---

#main ul li {

---

ist doch richtig - also ohne Komma zwischen ul und li?

Dank Sebastian's Tip

Code:

---

ul,ol {
 padding-left:20px !important;
}

---

sind die Listeneinträge jetzt schon mal immerhin eingerückt!
Ich hab' das Gefühl, wir sind nah dran!

Hallo Lutz,

wenn 6 Zeillen weiter in deiner basic.css folgender Eintrag kommt, dann kann es nicht funktionieren!!

Code:

---

li{list-style-type:none;}

---

Außerdem würde ich dir css4you empfehlen.

Jepp - das war's!
Vielen herzlichen Dank!!!