Hi,
Die beiden Listen stehen ja auch zumindest designmäßig nicht im Zusammenhang.
laut Deiner Eingangsbeschreibung:
Es soll also so aussehen:
Item 1 Item A Item B Item C Item D Item E
Item 2 Item F Item G Item H Item I Item J
Item 3 Item K Item L
Item 4
Item 5 Irgendeine Überschrift
Item 6
Item 7 Es war einmal ein Mann, ...
Item 8
Item 9
aber schon. Oder ich habe die Skizze falsch interpretiert? Ich sehe hier einen Zusammenhang zwischen Item 1 und Item A - E, zwischen Item 2 und Item F - K usw.
Die linke vertikale Liste soll Bildchen (60*75) enthalten. Die horizontale Liste wird kurze Text-Navigationspunkte enthalten -
Ja und? alles eine Frage von richtig (und zugegeben nicht ganz einfach) einzusetzendem CSS. Du kannst eine Liste wirklich xtrem vielseitig formatieren.
diese sollen als Buttons designed werden (alle gleich groß, mit 3D-Border usw.) Die Größe dieser Buttons soll - weil sie Text enthalten - von der Schriftgröße abhängig sein, also width und height in em. Schon allein von daher - einmal feste px-Größe, einmal nicht-feste em-Größe - ergibt sich, daß kein design-mäßiger Zusammenhang existert.
wieso px und em? Wo ist hier px? Und überhaupt: grafisch wirkende Buttons lassen sich über CSS ganz prima erzeugen - ganz ohne Bilder und feste px-Werte.
Egal welcher Hauptbereich ausgewählt ist, sollen die Text-Buttons immer ganz oben anfangen und halt so viele Zeilen belegen, wie sie benötigen.
genau das machen floatende Elemente doch - wenn Du sie oben angibst bzw. nach oben hin ausrichtest.
freundliche Grüße
Ingo