...Zeilenumbrüche in den Links des Menüs verhindern

[m4ddy]

Hallo zusammen,

ich habe jetzt schon gestern 'ne ganze Zeit lang an meinem ersten Template rumgebastelt und irgendwann ist mir aufgefallen, dass Links im Menü die Leerzeichen enthalten unter Umständen an diesen Leerzeichen umgebrochen werden.

Um das zu verhindern habe ich versucht die einfachen Leerzeichen mit   oder   zu ersetzen. Leider ohen Erfolg. Gibt es da vielleicht eine Lösung für dieses Problem?

Gruß
m4ddy

[hausl78]

Hallo!

Versuchs mal mit css nowap zuzuweisen, ev. bringt es das..
http://www.css4you.de/Texteigenschaften ... space.html

oder das hier hätt ich noch gefunden <nobr>xxx</nobr>, aber keine ahnung, das kannte ich gar nicht  :roll:
http://de.selfhtml.org/html/text/zeilen ... verhindern

LG
Juergen

[azett]

white-space:nowrap wäre mein Favorit, weil du da nix im PHP ändern mußt - reines CSS

[m4ddy]

hmm... ich bin ir jetzt garnicht mehr sicher ob ich da was in der Richtung nicht schon probiert hatte, jaja das arme Gedächtnis, wenn's doch nur ein paar Löcher weniger hätte.  

Aber ich probier's heute abend mal aus, auf jeden Fall mal schon mal vielen Dank für die Infos.

gruß
m4ddy

[rolinux]

Hallo m4ddy,

das hier scheint der einzige Thread zu dem Thema zu sein. Da der schon eine Weile nicht mehr ergänzt wurde, nehme ich, die Lösung wurde gefunden.

Ich habe grade auch das Problem, dass im Detailmenü, das oben quer läuft, irgendwann der Text mitten im Menüeintrag umgebrochen wird. Und die Lösung interessiert mich brennend...

Seite:
http://www.face-and-body-keltern.de/FaB/index.php?cat=Jafra%20Produkte

Mit "white-space:nowrap" funktionierts bei mir nicht. Und die anderen white-space-Parameter sind bei den meisten Browsern noch ziemlich unbekannt lt. css4you (außer "pre").

Gruß
Rolf

[HPdesigner]

Hey Rolinux, dein Menü hat offensichtlich nicht genug Platz in der Breite, bzw ist einfach zu breit, wie soll es denn idealerweise positioniert werden?

[rolinux]

Idealerweise einzeilig. Aber zweizeilig wäre auch ok, weil's ja zu breit ist für eine Zeile. Nur sollte der Zeilenumbruch natürlich nicht mitten im Menüeintrag erfolgen.

Gruß
Rolf

[HPdesigner]

ok, dann setz doch mal folgendes:

Code Auswählen Erweitern

li.detailmenu {
  display: inline-block;
}
das sollte dein li ganz lassen.

[rolinux]

Super! Danke. So klappts.

Gruß
Rolf