ul li Liste als Fließtext
bapf
- css
Hallo Leute,
Mein Joomla CMS liefert mir das Menu als Liste, z.B.
<ul class="menu">
<li class="item56"><a href="bereich.html"><span>Auto Bereich</span></a></li>
<li class="item57"><a href="boote-bereich.html"><span>Boote Bereich</span></a></li>
<li class="item62"><a href="vertrieb.html"><span>Vertrieb</span></a></li>
<li class="item63"><a href="armaturenbrett.html"><span>Armaturenbrett</span></a></li>
<li class="item64">....</li>
</ul>
Diese Liste wird dann untereinander ausgegeben:
Auto Bereich
Boote Bereich
Vertrieb
Armatruenbrett
...
Mit style="float:left" ging es zwar nebeneinander, es war aber kein Fließtext, wo durch das übergeordnete DIV Element ein Zeilenumbruch erzeugt wird. Weis jemand wie ich das hinbekomme?
__________________________
DIV Element Breite |
---|
Auto Bereich Boote Bereich |
Vertrieb Armaturenbrett |
-------------------------- |
Mit style="float:left" ging es zwar nebeneinander, es war aber kein Fließtext, wo durch das übergeordnete DIV Element ein Zeilenumbruch erzeugt wird. Weis jemand wie ich das hinbekomme?
float hat nichts mit fliesstext zu tun, float bestimmt den textumflusss - was du vermutlich suchst, ist die display-eigenschaft "inline"
Danke, es hat funktioniert jetzt.
...jedenfalls wenn ich das display:inline; für ul und li definiere.
Gibt es noch die Möglichkeit, die li Element zusammenhängend zu lassen. Also immer Zeilenumbruch, wenn ein neues li Element nicht komplett rein passen würde?
Beispiel:
_______________________
DIV Element Breite |
---|
Auto Bereich |
Boote Bereich |
Vertrieb Armaturenbrett |
----------------------- |
Auto Bereich Boote Bereich passen nicht beide in die Element Breite. |
<ul class="menu">
<li class="item56"><a href="bereich.html"><span>Auto Bereich</span></a></li>
<li class="item57"><a href="boote-bereich.html"><span>Boote Bereich</span></a></li>
<li class="item62"><a href="vertrieb.html"><span>Vertrieb</span></a></li>
<li class="item63"><a href="armaturenbrett.html"><span>Armaturenbrett</span></a></li>
<li class="item64">....</li>
</ul>
Gibt es noch die Möglichkeit, die li Element zusammenhängend zu lassen. Also immer Zeilenumbruch, wenn ein neues li Element nicht komplett rein passen würde?
Beispiel:
_______________________
DIV Element Breite |
---|
Auto Bereich |
Boote Bereich |
Vertrieb Armaturenbrett |
----------------------- |
Auto Bereich Boote Bereich passen nicht beide in die Element Breite. |