Ralf: Einrückung in Listen

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.

  1. 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

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. 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

      1. 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