Zeilenabstand entfernen

[Der Martin]

was jetzt? Die Fortsetzung der senkrechten Linie? Ich sagte ja schon, dass man zwei verschiedene Grafiken braucht, um die Verbindungslinien darzustellen. Eine, die nur von oben nach rechts └ verbindet, und eine, die auch nach unten ├ fortsetzt. Letztere machst du einfach sehr, sehr hoch, so dass sie an der ganzen linken Kante des li-Elements entlangläuft.
Sollen die auch per CSS bewerkstelligt werden, oder über ein eigenes Element (<img> oder so)?

ich würde sie, wie anfangs schon erklärt, als Hintergrundbilder setzen.
Und die Plus/Minus-Symbole als img-Element draufsetzen.

Wobei ... man kann die Symbole natürlich auch zusammenfassen; das Plus/Minus-Symbol kann ja nur auf einer Verzweigung sitzen, niemals auf dem letzten Listeneintrag. Also könnte man auch je nach Status das Hintergrundbild austauschen. Das wäre dann eine CSS-only-Lösung; Javascript setzt oder löscht beim Anklicken nur eine zusätzliche Klasse, z.B. "expanded", die zugehörige Darstellung wird ausschließlich per CSS festgelegt. Schöner wär's ...

So long,
 Martin