[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