verzeichnisstruktur mit html und css darstellen

[Hans]

Ich würde gerne einen Verzeichnisbaum, den ich mit UL LI ausgebe, so formatieren, das man übersichtlicher Verzeichnisstrukturen sieht.
Aber ich finde keinen Ansatz und auch über google keine Hilfe.
Vieleicht weis jemand wie ich da am besten vorgehen kann?

Hans

[suit]

Ich würde gerne einen Verzeichnisbaum, den ich mit UL LI ausgebe, so formatieren, das man übersichtlicher Verzeichnisstrukturen sieht.
Aber ich finde keinen Ansatz und auch über google keine Hilfe.
Vieleicht weis jemand wie ich da am besten vorgehen kann?

http://suit.rebell.at/fileadmin/a-26/demo/index.php
http://suit.rebell.at/fileadmin/a-26/source.tar.gz

[Der Martin]

Hallo,

Ich würde gerne einen Verzeichnisbaum, den ich mit UL LI ausgebe, so formatieren, das man übersichtlicher Verzeichnisstrukturen sieht.
Aber ich finde keinen Ansatz und auch über google keine Hilfe.
Vieleicht weis jemand wie ich da am besten vorgehen kann?

erster Schritt: Einrücken mit padding-left oder margin-left für ul. Dann ist schon mal jede Listen- oder Verzeichnisebene optisch von der übergeordneten abgesetzt.
Zweiter Schritt: Linien. Entweder border für ul, dann bildet jede Liste (jedes Verzeichnis) ihr eigenes Kästchen. Oder eine Hintergrundgrafik für li, links oben ausgerichtet und nicht gekachelt - und zwar ein ├─ und beim letzten li eine Ecke: └─

Das Ergebnis sieht dann schon recht übersichtlich aus, die Baumstruktur wird klar erkennbar.

Ciao,
 Martin