Hallo,
ich habe eine UL für ein horizontales Menü (display: inline welche mit einer anderen UL für das Submenü verschachtelt ist.
Nun habe ich das Problem das wenn das Submenü eingeblendet ist alle folgenden Listenpunkte umbrochenwerden udn das Submenü nicht unterhalb des ersten Mneüpunktes angezeigt werden. Ich möchte die UL jetzt nicht auf position: absolute; umstellen da ein umschließendes Div auf die Höhe der Ul reagiert (Es wird eine Linie unterhalb des Menüs angezeigt).
Welche Möglichkeit habe ich den jetzt noch das mir die UL nicht umbricht, also die verschchtelte UL nicht die Menüzeilen der ersten Hirachie zerstört?
Viele Grüße
PS: Noch der Code:
ich habe eine UL für ein horizontales Menü (display: inline welche mit einer anderen UL für das Submenü verschachtelt ist.
Nun habe ich das Problem das wenn das Submenü eingeblendet ist alle folgenden Listenpunkte umbrochenwerden udn das Submenü nicht unterhalb des ersten Mneüpunktes angezeigt werden. Ich möchte die UL jetzt nicht auf position: absolute; umstellen da ein umschließendes Div auf die Höhe der Ul reagiert (Es wird eine Linie unterhalb des Menüs angezeigt).
Welche Möglichkeit habe ich den jetzt noch das mir die UL nicht umbricht, also die verschchtelte UL nicht die Menüzeilen der ersten Hirachie zerstört?
Viele Grüße
PS: Noch der Code:
HTML:
<div id="topright">
<ul class="menu" id="sub1">
<li class="item7"><a href="#">Wer</a></li>
<li class="item8"><a href="#">Wo</a></li>
<li id="current" class="parent active item12"><a href="#">Produkte.</a>
<ul>
<li class="parent item35"><a href="#">Eigen Marke</a>
<ul>
<li class="item42"><a href="#">Chutney</a></li>
<li class="item43"><a href="#">Erdbeermarmelade</a></li>
<li class="item44"><a href="#">Eier</a></li>
<li class="item45"><a href="#">Kürbiskernöl</a></li>
<li class="item46"><a href="#">Spargel</a></li>
<li class="item47"><a href="#">Erbeeren</a></li>
<li class="item48"><a href="#">Kürbis</a></li>
</ul>
</li>
<li class="item36"><a href="#">Grundnahrungsmittel</a></li>
<li class="item37"><a href="#">Milchprodukte</a></li>
<li class="item38"><a href="#">Fisch Fleisch Geflügel</a></li>
<li class="item39"><a href="#">Obst</a></li>
<li class="item40"><a href="#">Salat und Gemüse</a></li>
<li class="item41"><a href="#">Getränke</a></li>
</ul>
</li>
<li class="parent item11"><a href="#">Saisonhöhepunkte</a>
<ul>
<li class="item27"><a href="#">Allerheiligen</a></li>
<li class="item28"><a href="#">Erbeersaison</a></li>
<li class="item29"><a href="#">herbstlese</a></li>
<li class="item30"><a href="#">Spargelsaison</a></li>
<li class="item31"><a href="#">Grillsaison</a></li>
<li class="item32"><a href="#">Martinstag</a></li>
<li class="item33"><a href="#">Weihnachten</a></li>
</ul>
</li>
<li class="parent item10"><a href="#">Rezepte</a>
<ul>
<li class="item17"><a href="#">Martinsgänse</a></li>
<li class="item18"><a href="#">Würste</a></li>
<li class="item19"><a href="#">Forelle</a></li>
<li class="item20"><a href="#">Kürbis</a></li>
<li class="item21"><a href="#">Erbeeren</a></li>
<li class="item22"><a href="#">Spargel</a></li>
<li class="item23"><a href="#">Kürbiskernöl</a></li>
<li class="item24"><a href="#">Eier</a></li>
<li class="item25"><a href="#">Marmelade</a></li>
<li class="item26"><a href="#">Chutney</a></li>
</ul>
</li>
<li class="item13"><a href="#">Kontakt</a></li>
<li class="item14"><a href="#">Impressum</a></li>
</ul>
</div>