Vertikale Unternavigation

[ctmFlux]

Hallo zusammen,

Ich möchte eine Navigation (horizontal dargestellt) mit einer Unternavigation, die sich entsprechend unter der Hauptnavigation befindet.

Wie ich eine Unternavigation erstelle ist mir klar, im vertikalen Bereich kann ich dann die Unternavigationspunkte mit padding/margin nach rechts einrücken, da ich nun aber eine seite erstelle bei der die Navigation vertikal ausgerichtet ist stehe ich css-technisch vor einem Problem, da die Navigation ja mit <li> & <ul> generiert wird.

Kann mir jmd helfen und sagen, wie die <li> & <ul> in der css datei formatiert werden müssen, damit es am schluss so aussieht?

Anbei ein Screenshot wie die Navigation in etwa aussehen soll.
nav.jpg

Dies ist die Struktur in der Typolight die Navigation generiert:

         <ul>
            <li><a href="#">Navigation1</a></li>
            <li><a href="#">Navigation2</a></li>
                <ul>
                    <li><a href="#">Navigation2.1</a></li>
                    <li><a href="#">Navigation2.2</a></li>
                    <li><a href="#">Navigation2.3</a></li>
                </ul>
            </li>
            <li><a href="#">Navigation3</a></li>
            <li><a href="#">Navigation4</a></li>
         </ul> 

[phyton2706]

Hallo ctmFlux!

Hast Du es schonmal mit "FLOAT" versucht?

LG

[ctmFlux]

Danke für deine Antwort - nein habe ich nicht, wüsste ehrlich gesagt auch nicht, wo das etwas bringen sollte o.0

[phyton2706]

Wenn du den Navigationspunkten im CSS einen

float: left;

mit gibst, dann sollten die Elemente nebeneinander angeordnet werden...

[ctmFlux]

Danke, ich weiss was float: macht - möchte aber nicht, dass alle Elemente nebeneinander dargestellt werden (was sie ohnehin tun würden) sondern, dass nur die Unternavigationspunkte eine "Linie" tiefer dargestellt werden. (Siehe Screenshot)

[MacKP]

Hallo ctmFlux,
wenn du das erreichen möchtest was du gerne hättest möchtest du auch floaten.
Hier kannst du sehen wie das zum Bespiel gehen kann -> http://www.alistapart.com/articles/hybrid/

Viele Grüße