✔ Baumstruktur

[Crash123]

Hallo an Alle

Ich habe folgendes Problem, ich soll eine Baumstruktur von verschiedenen HTML elementen in einer Baumstruktur darstellen,

unter demersten Elternknoten sollen einige Checkboxen und eine Tabelle von Textfeldern sein
unter dem zweiten Elternknoten soll eine Tabelle von Listenfeldern oder Komboboxen sein
unter dem Dritten soll ein Textfeld und ein Button sein

bei allen 3 soll auch Text mit aufgeklappt werden.

Wie kann ich das mit CSS umsetzen?

Danke für die Hilfe im Voraus.

 

[Maik]

Hi,

das ist wohl zunächst mal eine Frage des Markups, also wie sich die Baumstruktur im HTML-Quelltext auszeichnen lässt.

Hierfür bietet sich eine verschachtelte Liste an, da sie die gewünschte Darstellung im Browser automatisch "produziert":

<ul>
    <li>Listenpunkt 1
        <ul>
            <li>Unterpunkt 1.1</li>
            <li>Unterpunkt 1.2</li>
        </ul>
    </li><!-- Ende Listenpunkt 1 -->
    <li>Listenpunkt 2
        <ul>
            <li>Unterpunkt 2.1</li>
            <li>Unterpunkt 2.2</li>
            <li>Unterpunkt 2.3</li>
        </ul>
    </li><!-- Ende Listenpunkt 2 -->
</ul>

In den Unterpunkten werden dann die von dir genannten Inhalte eingebettet.

Das Erscheinungsbild der Liste lässt sich anschliessend mit den gewünschten CSS-Eigenschaften formatieren, darunter auch mit den speziellen Eigenschaften zur Listenformatierung.

mfg Maik

 

[Crash123]

Vielen Dank

Hast mir echt geholfen!