Jan: Einrückung bei Listen

Moin,
ich möchte wesentlich kleinere Einrückung bei Listen (ul/li).
Aber ich habe nur list-style-position: inside gefunden, was mir aber nicht ausreicht.
Kann man die Einrückung genauer definieren?
Jan

  1. Hallo Jan,

    gib deinen ul/li doch einfach einen margin-left einen "-" Wert

    Gruß
    Chris

  2. Hello Jan,

    ich möchte wesentlich kleinere Einrückung bei Listen (ul/li).
    Aber ich habe nur list-style-position: inside gefunden, was mir aber nicht ausreicht.
    Kann man die Einrückung genauer definieren?

    Ich habe das so gemacht:

    .vertical-linklist{
        list-style-type:none;
        list-style-position:outside;
        width:300px;
        padding-left:10px;
        padding-right:10px;
    }

    <ul class="vertical-linklist">
        <li><a  href="/">Home</a></li>

    <li><a  href="/the_blabla/"> Die BlaBla-Seite </a></li>

    <!-- ... -->

    <li><a  href="/imprint/"> Impressum </a></li>

    </ul>

    und bin mit dem Ergebnis eigentlich zufrieden

    Liebe Grüße aus dem schönen Oberharz

    Tom vom Berg

    --
     ☻_
    /▌
    / \ Nur selber lernen macht schlau
    http://bikers-lodge.com
  3. Moinsen!

    Jaja. Die Einrueckung von Listen. Du musst der Liste (nicht den li) einfach die gewuenschte Einrueckung verpassen. Kleines Hindernis: MSIE und Opera (glaub ich, kann ich nicht testen) benutzen dafuer Margin. Mozilla nutzt padding. Chrome und co, weiss ich nicht, kannst Du aber ja selbst rausfinden. Du musst also mindestens 2 Eigenschaften neu setzen.

    --
    Signaturen sind bloed.
    1. Hello,

      Jaja. Die Einrueckung von Listen. Du musst der Liste (nicht den li) einfach die gewuenschte Einrueckung verpassen. Kleines Hindernis: MSIE und Opera (glaub ich, kann ich nicht testen) benutzen dafuer Margin. Mozilla nutzt padding. Chrome und co, weiss ich nicht, kannst Du aber ja selbst rausfinden. Du musst also mindestens 2 Eigenschaften neu setzen.

      MSIE (uralt 8.0) macht es mit padding
      FF   (uralt 3.6.13) macht es mit padding
      Iceweasel (auf Linux) macht es mit padding

      Opera habe ich nun noch nicht getestet.

      Liebe Grüße aus dem schönen Oberharz

      Tom vom Berg

      --
       ☻_
      /▌
      / \ Nur selber lernen macht schlau
      http://bikers-lodge.com
      1. Hoi!

        MSIE (uralt 8.0) macht es mit padding
        FF   (uralt 3.6.13) macht es mit padding
        Iceweasel (auf Linux) macht es mit padding

        Hm... Ich bilde mir ein, das gerade gemacht zu haben und dass ich margin und padding auf 0 setzen musste, damits im IE (ich glaub 10) und nem aktuellen FF gleich aussieht.

        --
        Signaturen sind bloed.
        1. Hello,

          MSIE (uralt 8.0) macht es mit padding
          FF   (uralt 3.6.13) macht es mit padding
          Iceweasel (auf Linux) macht es mit padding

          Hm... Ich bilde mir ein, das gerade gemacht zu haben und dass ich margin und padding auf 0 setzen musste, damits im IE (ich glaub 10) und nem aktuellen FF gleich aussieht.

          Mmmh. Wenn es wichtig ist, schau ich nochmal, ob ich noch irgendwo ein vererbendes margin:0; vorher im CSS versteckt habe.

          Ich kann aber keins entdecken.

          Liebe Grüße aus dem schönen Oberharz

          Tom vom Berg

          --
           ☻_
          /▌
          / \ Nur selber lernen macht schlau
          http://bikers-lodge.com
          1. Mir ist das wurst. Kann man ja problemlos jedesmal wieder rausfriemeln, wenn man ueber sowas stolpert. Mag auch sein, dass meine Erinnerung streikt und es kein IE sondern chrome oder iron oder was weiss ich war...

            --
            Signaturen sind bloed.