nicht angemeldet
Zeilenumbruch bei <li> Elementen verhindern
Hallo.
Kann mir bitte jemand sagen, wie man innerhalb einer Liste den Zeilenumbruch der einzelnen Elemente verhindern kann? white-space:nowrap oder nobr funktionieren bei der Liste nicht.
Jedenfalls nicht bei meiner.. Bin für Vorschläge offen. Danke.
-
Kann mir bitte jemand sagen, wie man innerhalb einer Liste den Zeilenumbruch der einzelnen Elemente verhindern kann? white-space:nowrap [...] funktionieren bei der Liste nicht.
beispiel?
Jedenfalls nicht bei meiner.. Bin für Vorschläge offen. Danke.
wo kann man die sehen?
-
Yerf!
Bin für Vorschläge offen. Danke.
Üblicherweise gibt man den <li>s ein float:left oder display:inline.
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]--> -
Hi,
Kann mir bitte jemand sagen, wie man innerhalb einer Liste den Zeilenumbruch der einzelnen Elemente verhindern kann?
floaten oder display:inline
white-space:nowrap
hat nix mit block-elementen zu tun
oder nobr
hat nix in ul verloren
Gruesse, Joachim
--
Am Ende wird alles gut.-
floaten oder display:inline
Hi :-)
Ich habe schon im css float:left, aber sobald ich das Browserfenster minimiere, rücken die Listenelemente in die nächste Zeile..
Hier mal was zum sehen:<ul id="menu"> <li><a href="blabla.html">Blabla</a></li> <li><a href="blabla2.html" class="aktuell">Blabla2</a></li> </ul>Und das stylesheet:
ul#menu { position: absolute; margin-top: 208px; margin-left: 0px; left:0px; right:0px; height: 43px; list-style-type: none; padding-left: 280px; } ul#menu li { display: block; float: left; margin: 0 0 0 5px; } ul#menu li a { height: 43px; color: #000000; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 11px 0; } ul#menu li a:hover { color: #ca1313; padding: 5px 11px 0; } ul#menu li a.aktuell{ color: #ca1313; padding: 5px 11px 0; }-
Ich habe schon im css float:left, aber sobald ich das Browserfenster minimiere, rücken die Listenelemente in die nächste Zeile..
das ist der sinn von float :)
gib dem ul-element eine entsprechende breite
-
gib dem ul-element eine entsprechende breite
Ja, das ist eine gute Idee, aber dann läuft die Navileiste nicht mehr bis zum Fensterrand - right:0px wird dann ignoriert..
Gruß-
Yerf!
Ja, das ist eine gute Idee, aber dann läuft die Navileiste nicht mehr bis zum Fensterrand - right:0px wird dann ignoriert..
Evtl. hilft min-width anstelle von width.
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->-
Evtl. hilft min-width anstelle von width.
Min-width funktioniert prima! Es wird ein Scrollbalken erzeugt, statt des Zeilenumsprungs. Allerdings ist es so, dass wenn ich dann nach links scrolle, Teile des Hintergrundes abgeschnitten sind...
Gruß
-
ich dann nach links scrolle
..äh ich meine natürlich rechts.. :-))
-
-
-
-
-
-
-
Hallo,
da du eine Liste hast, denke ich mal, dass du diese als Aufzählung nutzt. Normalerweise muss mann da immer neue Zeilen nehmen, da sonst die Punkte nebeneinander angezeigt werden. Versuche es mal (mein Vorschlag) mit: ~~~html <html>
<ul>
<li>Tabellencode 1 <nobr> <li>Tabellencode2
</ul>
</html>Ich habe es leider nicht ausprobiert, trotzdem hoffe ich, es hat dir geholfen.