Hallo,
ich habe ein Listenmenü mit "list-type-style: none". Mein Listen-Symbol ist ein einfaches ">" welches im TS vor den Link bzw. Listeneintrag gesetzt wird.
Sieht so aus:
stdWrap.prepend = TEXT
stdWrap.wrap = > |
wrapItemAndSub = <li class="menu-level-2-item">|</li>
ergibt "> Menüeintrag"
Wenn jetzt aber der Menüeintrag zu lang ist, wird dieser automatische geborchen und fängt in der nächsten Zeile an. Das hat den Nachteil das die neue Zeile direkt vorne bzw unter dem ">" Zeichen anfängt, das soll so aber nicht sein!
Beispiel: http://www.fge.de/typo3/index.php?id=24
Wie kann das Problem gelöst werden? Vom Auftraggeber ist genau dieses Menü erwünscht. Wichtig ist auch das das ">" Zeichen vor dem Link einen Hover-Effekt hat, daher musste ich es vor den Link bauen.
Freue mich auf Antworten!
MfG
Seph
gib per css einfach
white-space:nowrap
fertig 😉
oder wenns umbrechen soll, pack den Menutext in ein span, was Du entsprechend formatierst (ohne > halt)
Hallo, danke für die Antwort!
wie muss ich denn den span formatieren sodass die 2te Zeile bündig anfängt?
Habs mit Div+float versucht usw. bekomme nur mehr probleme!
So siehts jetzt aus (span ist blau gekennzeichnet):
http://www.fge.de/typo3/index.php?id=15
TS:
stdWrap.wrap = > <span class="menu-span">|</span>
MfG
Seph
Habe es nun wie folgt gelöst:
TS:
stdWrap.wrap = <div id="left">> </div><div id="right">|</div>
CSS:
#left { float: left; }
#right { margin-left: 10px; clear: right; }
Im Firefox funktioniert es einwandfrei, jedoch wieder Probs im MSIE.... :x
MfG
Seph
Olla!
Eine Möglichkeit wäre es, Dir das '>' per CSS als Hintergrundgrafik (und eine zweite für hover) in das li tag zu packen, und dann den normalen Text einfach per padding einzurücken.
gruss, fuss