Zum Inhalt springen

Links in Liste wie wrappen?

Erstellt am 14. März 2009 · 2 Antworten · letzte Antwort am 16. März 2009

Tags: Frage

MDW786 ·

Hi,
sicher steht die Antwort auf meine Frage dutzendfach bin aber immer noch nicht schlauer geworden: wie genau arbeitet "optionsplit" bzw. wie bekomme ich folgendes hin =>
Links werden in ein UL-liste in LI-Tags ausgegeben (ist wichtig für meine CSS-Deklaration).

Nun sollen zwischen diesen LI-Tags mit den A-Links noch ein IMG-Tag (Trenner-Grafik), also natürlich nach dem 1. und nicht mehr nach dem letzten LI-Tag.

Habe per Zufall und Hin-und-her-Probieren es hinbekommen, dass die Links durch die Grafik getrennt sind. Nur nach dem letzten Link soll keine Grafik mehr erscheinen:

<li class="{field:alias}">|<img src="trennstrich.gif" alt="" />|* </li> |*|

Hoffe das war verständlich erläutert - vielen Dank

Tommy_Schmidt ·

Hallo,

Du bist durch Deinen Versuch der Sache schon sehr nah gekommen, ich habe Deinen String ein wenig modifiziert, damit sollte es gehen:

<li class="{field:alias}">|<img src="trennstrich.gif" alt="" /></li> |*| <li class="{field:alias}">|<img src="trennstrich.gif" alt="" /></li> |*| <li class="{field:alias}">|</li>

Somit gibt es nun eine Trennung zwischen erstem Menüpunkt, den mittleren Menüpunkten und dem Letzten. Die Bereiche werden mit |*| abgesteckt. Du musst aber nicht unbedingt ein Bild für Deinen Trennstrich verwenden, sondern kannst auch mit Text arbeiten, z.B. so:

<li>|& nbsp;& #124;& nbsp;</li> |*| <li>|& nbsp;& #124;& nbsp;</li> |*| <li>|</li>

(Die Leerzeichen nach dem Kaufmannsund musst Du entfernen.)

Mittels Optionsplit kann man auch noch jeden einzelnen Menüpunkt differenziert formatieren (Trennung mittels ||), aber das wird auch alles gut in der Doku erklärt:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/OptionSplit.html

Viele Grüße,
Tommy