[TYPO3-german] Probleme mit der Menüerstellung
Chris Wolff - AERTiCKET AG
cwolff at aer.de
Thu Jun 18 08:56:33 CEST 2015
Hallo Daniel,
für UL -> LI Menüs solltest du am besten folgenden Konstruktion verwenden:
lib.NAVIGATION = HMENU
lib.NAVIGATION {
1 = TMENU
1.wrap = <ul>|</ul>
1.NO.wrapItemAndSub = <li class="NM_list_flag"> | </li>
}
Dann wird ein Sauberes Menü generiert (auch mit mehreren untermenüs).
Falls du intresse an einem suchmaschien und Styling freundlichen variante hast kannst du dir auch Inspiration bei folgendem menü
Holen (das ist meine "full-feature-menu") :
lib.commonTS.menu.ul = HMENU
lib.commonTS.menu.ul {
1 = TMENU
1.noBlur = 1
1.wrap = <ul>|</ul>
1.NO = 1
1.NO {
wrapItemAndSub.insertData = 1
wrapItemAndSub = <li class="cts-first cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-last cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li>
ATagTitle {
field = abstract // description
stripHtml = 1
crop = {$plugin.tx_commonts.menu.titleLenght}|{$plugin.tx_commonts.menu.titleAppend}|1
htmlSpecialChars = 1
}
stdWrap.htmlSpecialChars = 1
}
1.IFSUB < .1.NO
1.IFSUB {
wrapItemAndSub = <li class="cts-first cts-ifsub cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-ifsub cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-last cts-ifsub cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li>
}
1.CUR < .1.NO
1.CUR {
wrapItemAndSub = <li class="cts-first cts-cur cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-cur cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-last cts-cur cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li>
ATagParams = class="cts-cur"
}
1.CURIFSUB < .1.NO
1.CURIFSUB {
wrapItemAndSub = <li class="cts-first cts-ifsub cts-curifsub cts-cur cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-ifsub cts-curifsub cts-cur cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-last cts-ifsub cts-curifsub cts-cur cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li>
ATagParams = class="cts-cur cts-curifsub"
}
1.ACT < .1.NO
1.ACT {
wrapItemAndSub = <li class="cts-first cts-act cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-act cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-last cts-act cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li>
ATagParams = class="cts-act"
}
1.ACTIFSUB < .1.NO
1.ACTIFSUB {
wrapItemAndSub = <li class="cts-first cts-ifsub cts-actifsub cts-act cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-ifsub cts-actifsub cts-act cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li> |*| <li class="cts-last cts-ifsub cts-actifsub cts-act cts-pid-{field:uid} cts-pos-{register:count_MENUOBJ}">|</li>
ATagParams = class="cts-act cts-actifsub"
}
}
Gruss chris
-----Ursprüngliche Nachricht-----
Von: typo3-german-bounces at lists.typo3.org [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag von Daniel r
Gesendet: Mittwoch, 17. Juni 2015 19:00
An: typo3-german at lists.typo3.org
Betreff: [TYPO3-german] Probleme mit der Menüerstellung
Hallo,
ich nutze Typo3 6.2.13 und würde gerne ein Menü erstellen mit text-align: justify damit ich einen schönen Blockatz bekomme.
Ich verwende folgendes TS
lib.NAVIGATION = HMENU
lib.NAVIGATION {
entryLevel= 0
1 = TMENU
1.NO.linkWrap = <li class="NM_list_flag"> | </li>
}
die Ausgabe an sich funktioniert wunderbar. Mein Problem ist, dass die einzelnen listen elemnte an einander gereit werden und zentriert werden anstatt dass diese sich gleichmäßig verteilen.
Das Problem selbst liegt wohl an der Art und Weise wie Ts den Html Code erzeugt
Wie wird </li><li> an einender gereiht.
Wenn ich nun den erzeugten Quellcode kopiere und als statischen Code einfüge und eben zwischen </li><li> ein Leerzeichen einfüge, also <li> </li> geht alles wunderbar.
Gibt es hier einen einfachen Kniff dieses Leerzeichen zu bekommen?
Vielen Dank schonmal
_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
More information about the TYPO3-german
mailing list