Martin Hölter: Listen ein um paar pixel einrücken?

Beitrag lesen

Hi!

wie kann ich festlegen, wie weit der text vom listenpunkt entfernt sein soll
text-indent.

padding-left, aber beiden Methoden ist gemeinsam, dass sie den Inhalt von <li> nur vom Listenzeichen entfernen können, nicht aber ihn daran heranrücken.

Habe das ganze gerade mal im IE, im Opera und im Mozilla getestet.

Ergebnis:
text-indent:
Opera und IE: Verschiebung inkl. dem Bulletzeichen
Mozilla: Entfernung des Textes vom Bulletzeichen wird vergrößert

padding-left:
alle 3: Entfernung des Textes vom Bulletzeichen wird vergrößert

gebe mich geschlagen ;-)

und wie weit der zweite listenpunkt rechts versetzt vom ersten sein soll?

ul ul {

margin-left:0.5em;
}


>   
> (Nach kurzem Test:) Diese Verschachtelung bewirkt nichts, weil sie falsch ist. Richtiger wäre die Verschachtelung `li ul`{:.language-css}.  
  
Bei mir wirken sich beide Verschachtelungen gleich aus. Und falsch ist meine Art der Verschachtelung schonmal gar nciht, siehe <http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente>  
  
Gruß aus [Iserlohn](http://www.iserlohn.de/)  
  
Martin

-- 
Selfcode: [ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%5E+va%3A%29+ls%3A%23+fo%3A%7C+rl%3A%28+n4%3A%28+ss%3A%7C+de%3A%3E+js%3A%29+ch%3A%3F+sh%3A%28+mo%3A%7C+zu%3A%29)