ul / li: Zeichen je Einrückungsebene festlegen

[BRotondi]

Hallo allerseits

Hänge gerade fest: Wie kann ich die Aufzählungszeichen je Einrückungsebene festlegen? D.h. z.B. bei Verschachtelte Listen - ul, li erst Kreis, dann Nichts, dann Strichlein? (Wobei es hier nur 2 Ebenen hat)

Merci!
Bruno

 

[mermshaus]

ul li {
    list-style-type: square;
}

ul li li  {
    list-style-type: lower-alpha;
}

ul li li li {
    list-style-type: decimal;
}

Ich glaube, unter den Standardauswahlmöglichkeiten sind keine Striche. Da müsstest du mit einer Grafik nachhelfen (list-style-image) oder sonst gucken, wie das Internet das löst.

 

[Cheffchen]

Hallo,

die Frage ist eigentlich willst eigene Bilder nutzen oder bloss ander Zeichen?

<style type="text/css">
ul li {
 list-style-image: url(/_files/optik1.png);
}
ul li ul li {
 list-style-image: url(/_files/optik2.png);
}
</style>

usw.

Cheffchen

 

[BRotondi]

Merci für die schnelle Hilfe! Mein erstes Problem war das mit "ul li ul li" etc., habe ich so nirgends gefunden oder übersehen.

Dass das mit den Strichen ein Problem darstellt ist natürlich Pech. Soweit ich gesehen habe, lässt sich das nur via Grafik (list-style-image) lösten, nicht via Zeichen. Oder?

 

[mermshaus]

Es gibt Tricks mit dem :before-Pseudoelement: CSS list styling using ASCII special characters

Aber die Einschränkung scheint zu sein: "Please note this property is NOT supported by IE6 and IE7."

Noch ein Link: » Controlling List Item Bullets with CSS - ASCII bullets :: CSS, JavaScript and XHTML Explained

 

[BRotondi]

Merci für die Links! Insbesondere der zweite ist cool :).

 

[Cheffchen]

Hallo BRotondi,

aber vorsicht mit den Links das funzt erst ab IE8.
:before und :after nur bei solchen sachen nehmen die eigentlich egal sind, also wenn nicht angezeigt, nicht weiter schlimm.
Also kannst gleich weg lassen :O).

Cheffchen

 

[BRotondi]

Tia... Merci für den Hinweis!

 

[BRotondi]

Ngh... und schon das nächste Problem:

list-style-image: url(/_files/optik1.png);

Opera mittet die Images ein, MSIE + Firefox setzen unten bündig...

Lässt sich glaub nicht beheben, oder?
(Konzept Projektdaten)