Einrückung in Listen
Ralf
- css
1 Cheatah
Hallo.
Wie kann man den Abstand zwischen der "Bullet"-Grafik und dem Text in ul-Listen beeinflussen?
Ich habe alle margin und padding - Werte für ul und li ausprobiert, aber keinen gefunden, der den Text näher an die Grafik bringt.
list-style-position bringt da ja auch nichts. Geht das überhaupt?
Danke.
Hi,
Wie kann man den Abstand zwischen der "Bullet"-Grafik und dem Text in ul-Listen beeinflussen?
mit CSS/3.0. Vorherige Versionen definieren explizit, dass in dieser Hinsicht nichts definiert ist.
Geht das überhaupt?
Der übliche Workaround geht über Hintergrundgrafiken und Padding.
Cheatah
Der übliche Workaround geht über Hintergrundgrafiken und Padding.
Cheatah
»»
Oder man setzt <span></span> ein, wenn man für die Listensymbole keine Grafiken verwenden möchte. Arbeitet dann mit margin-left:
#eins span {margin-left: o;}
#zwei span {margin-left: 20px;}
<ul id="eins">
<li><span>Listenpunkt 1</span></li>
<li><span>Listenpunkt 2</span></li>
</ul>
<ul id="zwei">
<li><span>Listenpunkt 1</span></li>
<li><span>Listenpunkt 2</span></li>
</ul>
Man sollte aber wenn möglich, wie Cheatah vorgeschlagen hat, mit Hintergrundgrafiken und padding-Angaben arbeiten und list-style-type auf none setzen.
Gruß
Björn
Hallo Björn,
ich verstehe wohl, was du uns sagen möchtest, aber...
#eins span {margin-left: o;}
#zwei span {margin-left: 20px;}
... der Wert "o" (Kleinbuchstabe o) ist leider kein gültiges Maß für margin/padding.
*scnr*
Martin