Einrückung von Listen

[Specialist0815]

Und mal wieder werden Probleme die einfach aussehen undenkbar schwer.... zumindest find ich mal wieder keine Lösung...


Ich will eine dynamisch generierte Liste mit N Ebenen erstellen (XSLT / XML Basis). Nun hab ich aber konkrete Vorstellungen wie die Einrückungen aussehen sollen.

Prinzip sieht so aus, jeder Eintrag besteht aus einem Pic und einem zugehörigen Text. Ist der Eintrag gleichzeitig Wurzel einer weiteren Liste gibt es noch ein Symbol davor, ein weiteres Pic.

Wenn ich nun eine tiefere Ebene aufklappe sollen die Untereinträge so eingerückt werden, dass deren Pics (list-style-typ: none) da anfangen wo von dem oberen Eintrag das Pic aufhört.

Für eine Tiefe von 2 ist dies im Prinzip ja kein Problem über eine Margin-Left Einrückung, aber die Tiefe von N macht mir Probleme, da ich keine Idee hab wie ich relative Tiefen in Listen ausdrücken kann.

Für jegliche Vorschläge bin ich sehr dankbar.

 

[rasputin]

bei selfhtml wirst du fündig. schau dir den quelltext des folgenden beispiels an: verschachtelte listen

 

[Specialist0815]

die Abstände bzw Einschübe werden aber in der Breite nicht definiert sondern entstehen durch die Liste selbst. Die Breite des Einschubes würde ich halt gerne verändern

 

[ZeitGeist]

margin-left funktioniert nicht weil du das dynamisch anzeigst und desshalb nicht weißt wie tief das ganze sein soll, also ob n nun gleich drei oder 10 ist. soweit richtig??

kannst du beim genieren feststellen wie groß n für die augenblickliche liste ist?? wenn ja könntest du das ganze mit php lösen
margin-left:<?php echo(n*x);?>cm;
wobei x für die einrücktiefe steht. mit js läßt sich das sicher auch machen, weiß ich aber spontan nicht wie, da muß wer anders helfen.

 

[Specialist0815]

hm, da es aus XML erzeugt wird wäre das mit der Tiefe ziemlich schwierig...

allerdings hat es sich zum Glück mittlerweile in wohlgefallen aufgelöst... nachdem ich alle margin-left: entfernt habe sah es halbwegs passabel aus, wurde abgenommen und ich brauch mir keine Sorgen mehr drum machen... zum Glück...