ListenMenü-Anordnung

[floater]

Hallo,

ich habe folgendes Menü:

<html-code>

<ul id="mainNavList">
 <li><a href="#">Haupt 1</a></li>
 <li><a href="#">Haupt 2</a></li>
 <li><a href="#">Haupt 3</a>
  <div id="subNavAreaDiv">
   <ul id="subNavList">
     <li><a href="#">Unter 1</a></li>
     <li><a href="#">Unter 2</a></li>
     <li><a href="#">Unter 3</a></li>
     <li><a href="#">Unter 4</a></li>
   </ul>
  </div>
 </li>
 <li><a href="#">Haupt 4</a></li>
 <li><a href="#">Haupt 5</a></li>
 <li><a href="#">Haupt 6</a></li>
</ul>

<html-code>

Diese Menü möchte ich mit css so stylen,
dass das Hauptmenue (Haupt 1 - 6) in einer Zeile stehen.
Das vom Hauptmenuepunkt abhängige Untermenue (Unter 1 - 4) soll auch in einer Reihe stehen, und zwar startend vom jeweils aktiven Haptmenüpunkt.

Nur Hauptmenü in einer Zeile anzuordnen ist nicht schwer.
Aber die Anordnung des Untermenüs bekomme ich nach langem Probieren einfach nicht hin und weiß da momentan auch nicht weiter.

Hat jemand Tipps für mich?
Vielen Dan im vorraus...

Gruß,
Floater

[Bobby]

Moin

Ich hoffe ich habe dich jetzt richtig verstanden und du willst das untergeordnete UL fomatieren.

Entferne <div id="subNavAreaDiv"> und </div> und sprich das untergeordnete UL im CSS direkt an. z.B. li ul{} oder li ul li{}.

Gruß Bobby

[floater]

Hallo,

Ich hoffe ich habe dich jetzt richtig verstanden und du willst das untergeordnete UL fomatieren.

genau

Entferne <div id="subNavAreaDiv"> und </div> und sprich das untergeordnete UL im CSS direkt an. z.B. li ul{} oder li ul li{}.

das ist mir schon klar. nur geht es mir darum WOMIT ich es anspreche.
ich habe mit float:left position etc, rumprobiert, aber es kommt nie etwas gescheites raus.

Gruß,
Floater