nicht angemeldet
Listen ein um paar pixel einrücken?
0 0 0 0 
MudGuard
0
Listen ein um paar pixel einrücken?
hallo
ich habe 2 listen ineinander geschachtelt.
wie kann ich festlegen, wie weit der text vom listenpunkt entfernt sein soll und wie weit der zweite listenpunkt rechts versetzt vom ersten sein soll?
bye,Christian.
-
Hi!
wie kann ich festlegen, wie weit der text vom listenpunkt entfernt sein soll
wenn ich mich recht erinnere, text-indent.
und wie weit der zweite listenpunkt rechts versetzt vom ersten sein soll?
ul ul { margin-left:0.5em; }Gruß aus Iserlohn
Martin
-
Γειά σου, Martin!
wie kann ich festlegen, wie weit der text vom listenpunkt entfernt sein soll
wenn ich mich recht erinnere, text-indent.
Alternativ mit 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.
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}. Пока! Sven aus [Bonn](http://www.bonn.de/) -- Do it yourSELF! ;-) Selfcode: ie:% fl:( br:> va:} ls:[ fo:) rl:( n4:{ ss:| de:> js:| ch:) mo:} zu:) - [Selfcode dekodieren](http://peter.in-berlin.de/projekte/selfcode/) - [Selfcode-Info](http://community.de.selfhtml.org/fanprojekte/selfcode.htm) Athen rückt in Sichtweite. ;-)-
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ößertpadding-left:
alle 3: Entfernung des Textes vom Bulletzeichen wird vergrößertgebe 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)-
Γειά σου, Martin!
gebe mich geschlagen ;-)
;-)
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> In welchem Browser hast du das getestet? Bei mir funktioniert es nämlich weder im Firefox (1.0.4), noch im Opera (8.0.1), noch im IE (6.0...) wie gewünscht. Пока! Sven aus [Bonn](http://www.bonn.de/) -- Do it yourSELF! ;-) Selfcode: ie:% fl:( br:> va:} ls:[ fo:) rl:( n4:{ ss:| de:> js:| ch:) mo:} zu:) - [Selfcode dekodieren](http://peter.in-berlin.de/projekte/selfcode/) - [Selfcode-Info](http://community.de.selfhtml.org/fanprojekte/selfcode.htm) Athen rückt in Sichtweite. ;-)-
HI!
In welchem Browser hast du das getestet? Bei mir funktioniert es nämlich weder im Firefox (1.0.4), noch im Opera (8.0.1), noch im IE (6.0...) wie gewünscht.
Folgenden Code hab ich erfolgreich in IE 6.0.2900.xpsp_sp2_gdr.050301-1519, Opera 8.01 und Mozilla 1.7.3 getestet:
<html> <head> <title>Test</title> <style type="text/css"> <!-- ul ul {margin-left:0.5em;} --> </style> </head> <body> <ul> <li>1. Test <ul> <li>2.Test</li> </ul> </li> </ul> </body> </html>Gruß aus Iserlohn
Martin
-
-
-
Hi,
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}. Was genau soll an ul ul falsch sein? Ein ul kann tief verschachtelt in einem ul stehen. Also ist auch der Nachfahren-Selektor sinnvoll. Hast Du den Nachfahren-Selektor mit dem Kind-Selektor (ul>ul) verwechselt? Der wäre im Zusammenhang mit HTML zwar auch korrekt, würde aber nichts bewirken (da ul kein Kind-Element ul haben darf). cu, Andreas -- [Warum nennt sich Andreas hier MudGuard?](http://www.Mud-Guard.de/) [Schreinerei Waechter](http://www.schreinerei-waechter.de/) Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
-
Hallo,
ich habe 2 listen ineinander geschachtelt.
wie kann ich festlegen, wie weit der text vom listenpunkt entfernt sein sollzur Zeit mit CSS 1/2 noch nicht. Abhilfe schafft ein Workaround mit Bulletgrafiken.
und wie weit der zweite listenpunkt rechts versetzt vom ersten sein soll?
Wie ist das zu verstehen? Floatest du die Listenpunkte?
Mit freundlichen Grüßen,
André-
wie kann ich festlegen, wie weit der text vom listenpunkt entfernt sein soll
zur Zeit mit CSS 1/2 noch nicht. Abhilfe schafft ein Workaround mit Bulletgrafiken.
Komisch. Ich mach das einfach mit padding-left.
und wie weit der zweite listenpunkt rechts versetzt vom ersten sein soll?
Wie ist das zu verstehen? Floatest du die Listenpunkte?
Werden bei Dir verschachtelte Listen wohl nicht eingerückt? Was für einen Browser benutzt Du?
-
Hallo,
Komisch. Ich mach das einfach mit padding-left.
von der Theorie her sollte der Listenpunkt dann nach rechts, inkl. Text, verschoben werden, oder? Der Listenpunkt ist doch Bestandteil des li-Elementes?
und wie weit der zweite listenpunkt rechts versetzt vom ersten sein soll?
Wie ist das zu verstehen? Floatest du die Listenpunkte?
Werden bei Dir verschachtelte Listen wohl nicht eingerückt? Was für einen Browser benutzt Du?
Ein Listenpunkt steht unter einem anderen:
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>Wenn man sie floatet, dann wird der rechte versetzt.
Mit freundlichen Grüßen,
André-
Komisch. Ich mach das einfach mit padding-left.
von der Theorie her sollte der Listenpunkt dann nach rechts, inkl. Text, verschoben werden, oder? Der Listenpunkt ist doch Bestandteil des li-Elementes?
Ich kenne die Theorie nicht, aber das padding-left hat hier doch genau den vom Fragesteller gewünschten Effekt.
und wie weit der zweite listenpunkt rechts versetzt vom ersten sein soll?
Wie ist das zu verstehen? Floatest du die Listenpunkte?
Werden bei Dir verschachtelte Listen wohl nicht eingerückt? Was für einen Browser benutzt Du?Ein Listenpunkt steht unter einem anderen:
Jetzt verstehe ich :-) Es war vom OP eine schwammige Ausdrucksweise, die ich so verstanden habe, wie er sie verstanden wissen wollte, und Du anders. Es geht ja um *verschachtelte Listen*, also
<ul>
<li>1.
<ul>
<li>1.1</li>
<li>1.2</li>
</ul>
</li>
<li>2.</li>
</ul>Dann sind die Listenpunkte natürlich auch untereinander versetzt.
-
Hallo,
Ich kenne die Theorie nicht, aber das padding-left hat hier doch genau den vom Fragesteller gewünschten Effekt.
okay.
Jetzt verstehe ich :-) Es war vom OP eine schwammige Ausdrucksweise,
alle Klarheiten beseitigt! ;-)
Mit freundlichen Grüßen,
André
-
-
-
-