Hallo
Ist es möglich in der Navigationsbezeichnung (Menüeintrag Details > Titel) einen Zeilenumbruch einzubauen?
Ich habe das Problem, dass in einem horizontalen Menu einige sehr lange Einträge stehen.
Beispiel:
SehrLangesWort & NochEinSehrLangesWort
Jetzt möchte ich vor dem '&' einen Zeilenumbruch.
Definiere ich die Breite mit
#main-nav-top ul li
{
width: 210px;
background-image:url(/templates/content-base/images/spacer-main-navi-top.png);
}
sind alle Menueinträge gleich breit, also auch jene in denen nur ein kurzer Begriff steht (das spacer-main-navi-top.png ist ein senkrechter Trennbalken). Plus habe ich keine Kontrolle, wo der Umbruch erfolgt.
Das Menu sollte also so aussehen:
SehrLangesWort
& NochEinSehrLangesWort|
|KurzesWort|
|WiederEinSehrLangesWort
& UndNochEinSehrLangesWort
Hat jemand eine Idee?
Vielen Dank!
Patrick
Nachtrag: Hab' eine mögliche Lösung gefunden:
Ich referenziere die item direkt:
#main-nav-top ul li.item10 {
width: 145px;
}
#main-nav-top ul li.item18 {
width: 220px;
}
[ etc. ]
So kann ich mit der Breite eines jeden Eintrages den Umbruch erzwingen (vorausgesetzt es hat Leerschläge im Titel).
Autor
