[yahooooo]

Hi!

Ich hab hier ein kleines - vermutlich schon oft gesehenes - Problem und sehe den Wald vor lauter Bäumen nicht mehr. Und zwar habe ich hier ein horizontales TMenu mit zwei Ebenen. Dessen erste Ebene besteht aus einer UL-Liste, deren LIs per display:block nebeneinandergepackt werden.

Das Design sieht aber vor, dass die zweite Menüebene jeweils immer unter dem passenden Ober-Menüpunkt aus der ersten Ebene steht.

Da dachte ich mir, dass ich ich ja einfach in dem Listen-Element der ersten Ebene weiterschreiben kann. Das Ganze hätte auch gut geklappt, wenn nicht einer der Submenüpunkte breiter als sein Oberpunkt gewesen wäre. Das hat jetzt zur Folge, dass sich, sobald das Submenü sichtbar ist, die Punkte aus der ersten Ebene verschieben, was natürlich unschön aussieht. Hatte das Ganze bereits mit einer festen Breite und overflow:visible probiert, aber das funktioniert im IE nicht, weil der das Element einfach verbreitert. Siehe Anhang.

Soviel erstmal zur Problembeschreibung.

Hat jemand vielleicht eine elegante Lösung? Wie gesagt: ich suche ein horizontales Menü, dessen Punkte der zweiten Ebene unter dem jeweils aktuellen der ersten Ebene stehen.

[MistaD]

Hallo,

wie sieht denn dein CSS aus? Hast du mal einen Link zur Seite?

[yahooooo]

Im Moment weder noch.

Aber die Form von Menü müssten doch einige hier schonmal gehabt haben.

[MistaD]

... schon richtig, aber wenn man nicht weiss wie du dein Menü aufbaust und was für CSS Klassen etc du hast wird es schwer sein dir zu helfen...

[yahooooo]

Das ist mir schon klar. Ich hatte eher gehofft, dass das jemand schonmal gemacht hat und mal sein TS / CSS präsentiert. Außerdem wollte ich keinen hier mit einem falschen Ansatz vom richtigen Lösungsweg abbringen.

Gelöst habe ichs irgendwie so

<ul class="main"> <li>Punkt1</li> <li>Punkt2<br><br> <ul class="sub"> <li>Punkt 2.1</li> <li>Punkt 2.2</li> <li>Punkt 2.3</li> </ul> </li> <li>Punkt3</li> <li>Punkt4</li> </ul>

[just2b]

www.ringerge.org - CSS-TS-Menüs

georg