[deeesi]

Schon eine Million Mal unterschiedlichste Listenmenüs gebaut, aber jetzt stehe ich irgendwie auf dem Schlauch.

Ich möchte folgendes Menü bauen:




Oben ist der Normalzustand und unten ist der Zustand, wenn ich Punkt 2 Ausgewählt habe (kein Ausklapp-Schnickschnack, die 2 Unterpunkte sind dann einfach da)

Das ist mein HTML dazu:

[m]

Hey. Wo siehst du denn das Problem?

[deeesi]

die untermenüpunkte in eine reihe zu bekommen, ist kein problem.
die hauptmenüpunkte rechtsbündig (bis hierhin auch klar) und dann das entsprechende untermenü links davon anzuzeigen, sodass es genau wie in meinem bild aussieht. DAS ist mein problem

[bel]

Mit fast dem gleichen HTML wie oben:

[deeesi]

im ansatz ja schon mal nicht schlecht.
aber deine version sieht jetzt so aus (ich hab mir mal border drum gemacht)



aber die schwierigkeit besteht ja darin, dass ich die unterpunkte immer im gleichen abstand nach rechts zum hauptmenüpunkt ausrichte, weil die unterscheidliche breiten haben.

[m]

[deeesi]

@m: zwar nicht die feinste art, das rumzudrehen, aber wohl nicht anders machbar.

danke!

[bacon]

Semantisch gesehen sind die Beispiele gleichwertig, von daher ists latte. Unsauber wäre es, die HTML-Struktur an sich aufzubrechen.