Homepage selbermachen 7.846 Themen, 35.563 Beiträge

Wie bekomme ich so ein CSS Layout hin?

Yves3 / 5 Antworten / Flachansicht Nickles

Hallo

Ich möchte so etwas ähnliches wie hier mit reinem CSS machen: http://de.selfhtml.org/css/layouts/anzeige/nav_inline.htm

Dort werden die einzelnen Punkte der Liste aber als Buttons für ein Menu verwendet, bei mir soll dort eine Input-box mit einer Überschrift darüber enthalten sein.
Der Knackpunt an dem Ganzen ist der Zeilenumbruch, der zwangsläufig zwischen die Beschriftung und die InputBox muss.
Dieser sorgt nämlich dafür, dass die ganze Liste vertikal und nicht horizontal dargestellt wird (ich möchte es horizontal).

Kann mir jemand helfen?

bei Antwort benachrichtigen
Rheinlaender Yves3 „Ich hau dir gleich eine Skizze um die Ohren Ne im Ernst... So wie du das...“
Optionen
Ich hau dir gleich eine Skizze um die Ohren ;))
Au ja! Gib's mir!

Das float-Ding benutzt Du doch für die feste Breite, nicht für den Umbruch.
Wenn Du zwei ul-Elemente untereinander mit fester Breite anordnest, müssen die doch zwangsläufig genau untereinander stehen. Also erst die ganzen css-Formatierungen inkl. float und danach so:
<ul>
<li>Überschrift1</li>
<li>Überschrift2</li>
<li>Überschrift3</li>
</ul>
<br>
<ul>
<li>Box1</li>
<li>Box2</li>
<li>Box3</li>
</ul>
bei Antwort benachrichtigen