nickyname: Listen-Bulletzeichen bündig zum Text ausrichten

SELF-Forum

Listen-Bulletzeichen bündig zum Text ausrichten

nickyname
– Informationen zu den Bewertungsregeln

Hallo,

was ist die BESTE CSS-Lösung für das bündige Ausrichten der Listen-Bulletzeichen zum umgebenen Text?

Angeblich beste Lösung:
li {
     margin-left:-1.5em;
}

Das klappt aber nur bei der Standardschriftgröße. Bei anderen Schriftgrößen mußte ich andere Werte nehmen. Überhaupt sieht man bei Nutzung des Browserzooms, daß die Bündigkeit wieder flöten geht.

Gibt es da vielleicht doch eine allgemeingültige CSS-Lösung, ohne bei anderen Schriftgrößen wieder nachzuregeln?

Viele Grüße!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Listen-Bulletzeichen bündig zum Text ausrichten

    Elya Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo nickyname,

    Angeblich beste Lösung:
    li {
         margin-left:-1.5em;
    }

    die umgebende <ul> hast Du bereits von allen Außen- und Innenrändern befreit, bevor Du negative margins vergibst?

    Gruß aus Köln-Ehrenfeld,

    Elya

    --
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Listen-Bulletzeichen bündig zum Text ausrichten

      nickyname
      – Informationen zu den Bewertungsregeln

      Hallo Elya,

      die umgebende <ul> hast Du bereits von allen Außen- und Innenrändern befreit, bevor Du negative margins vergibst?

      Gruß aus Köln-Ehrenfeld,

      Elya

      Nein. Wenn ich das tun würde (hab's probiert) wandert die Liste so weit nach links, daß die ersten Buchstaben nicht mehr zu lesen sind.

      Viele Grüße!

      nickyname

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Listen-Bulletzeichen bündig zum Text ausrichten

        Engin Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hi,

        hab mal ein bisschen recherchiert, ist schon so ne sache das mit den list-style zeugs.

        Nein. Wenn ich das tun würde (hab's probiert) wandert die Liste so weit nach links, daß die ersten Buchstaben nicht mehr zu lesen sind.

        hast du es mal mit

        ul,ol {  
       list-style-position:inside;  
}

        probiert?

        So wie ich das jetzt auf einigen Seiten verstanden habe, ist _outside_ der Standard wert.
        Würde jedenfalls klarmachen, warum die Liste nach Links bzw. zu weit nach Links wandert.

        <zitat>

        machs einfach als bg-image ins li rein und richte es dort richtig aus. und fertig

        </zitat>

        Da stimm ich dem Kollegen zu. ;-)

        Ansonsten

        /archiv/2004/5/t81909/

        subotnik

        css4you

        alistapart

        Grüße,
        Engin
         GYRO

        --
        Dilated peoples|Team Vestax
        Gut ist der, der nach dem finden noch weiß, was er suchte.
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Listen-Bulletzeichen bündig zum Text ausrichten

          nickyname
          – Informationen zu den Bewertungsregeln

          Hi,

          ul,ol {

          list-style-position:inside;
          }

            
"list-style-position" ist keine Lösung, weil es nur folgendes macht:  
  
"list-style-position:inline;" (Standardeinstellung übrigens):  
=============================================================  
 o Punkt1 der Liste (beim Zeilenumbruch  
   innerhalb eines Listenelements bleiben die Zeilen bündig)  
  
"list-style-position:outline;":  
===============================  
 o Punkt1 der Liste (beim Zeilenumbruch  
 innerhalb eines Listenelements 2.Zeile  
 bündig zum Bullet-Zeichen)  
  
  

> <zitat>  
> > machs einfach als bg-image ins li rein und richte es dort richtig aus. und fertig  
> </zitat>  
  
Coole Idee!  
  
Vielen Dank! Bye!  
  
PS: Einziger Nachteil: Beim Browserzoom wird das Bullet-Zeichen wohl kaum mitgezoomt.
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Listen-Bulletzeichen bündig zum Text ausrichten

            nickyname
            – Informationen zu den Bewertungsregeln

            Rechtschreibfehler von mir:

            "list-style-position:inline;" (Standardeinstellung übrigens):

            Muß statt "inline" "inside" heißen.

            Denn nur bei der Bundeswehr heißt es:
            "Inline und Glied!"
            (toller Witz für 7 Uhr morgens :[ )

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

          2. Listen-Bulletzeichen bündig zum Text ausrichten

            Engin Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hi,

            <zitat>

            machs einfach als bg-image ins li rein und richte es dort richtig aus. und fertig
            </zitat>

            PS: Einziger Nachteil: Beim Browserzoom wird das Bullet-Zeichen wohl kaum mitgezoomt.

            Ein Zoom sollte für gewöhnlich ja alles mitzoomen, ich denke mal das daß Bullet-Zeichen
            auch mitgezoomt wird.

            Grüße,
            Engin
             GYRO

            --
            Dilated peoples|Team Vestax
            Gut ist der, der nach dem finden noch weiß, was er suchte.
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln