moziloCMS Supportforum

moziloCMS => Wie kann ich...? => Thema gestartet von: m4ddy am 16. April 2010, 16:13:49

Titel: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: m4ddy am 16. April 2010, 16:13:49
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
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: hausl78 am 16. April 2010, 20:02:58
Hallo!

Versuchs mal mit css nowap zuzuweisen, ev. bringt es das..
http://www.css4you.de/Texteigenschaften ... space.html (http://www.css4you.de/Texteigenschaften/white-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 (http://de.selfhtml.org/html/text/zeilenumbruch.htm#verhindern)

LG
Juergen
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: azett am 19. April 2010, 16:22:39
white-space:nowrap wäre mein Favorit, weil du da nix im PHP ändern mußt - reines CSS ;)
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: m4ddy am 20. April 2010, 17:54:49
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
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: rolinux am 20. Juli 2012, 17:03:08
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
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: HPdesigner am 20. Juli 2012, 17:15:17
Hey Rolinux, dein Menü hat offensichtlich nicht genug Platz in der Breite, bzw ist einfach zu breit, wie soll es denn idealerweise positioniert werden?
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: rolinux am 20. Juli 2012, 17:28:36
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
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: HPdesigner am 20. Juli 2012, 17:32:36
ok, dann setz doch mal folgendes:

li.detailmenu {
  display: inline-block;
}

das sollte dein li ganz lassen.
Titel: Re: ...Zeilenumbrüche in den Links des Menüs verhindern
Beitrag von: rolinux am 20. Juli 2012, 19:15:46
Super! Danke. So klappts.

Gruß
Rolf