---
title: "Letzten Menüpunkt mit anderer Formatierung"
url: "https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2010-06-21"
last_reply: "2010-06-25"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Letzten Menüpunkt mit anderer Formatierung

TYPO3 › Menüs · 6 Antworten · gestartet 2010-06-21

## Eröffnungsbeitrag

**thosch** · 2010-06-21 · [Beitrag #1](https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung/1)

Hallo Community,

ich stecke gerade in einem Menü total fest und hoffe, dass mir jemand helfen kann.
Ich habe ein horizontales Navigationsmenü, in welchem die Unterpunkte ensprechend per CSS nach unten aufklappen. Nachfolgender TS-Code funktioniert auch absolut fehlerfrei.

Bei dem letzten Menüpunkt möchte ich allerdings für das aufklappende Submenü die rechtsbündige Ausrichtung nutzen. Konkret heißt dies, dass beim letzten Menüpunkt die Klasse "menu_dropdown" in "menu_dropdown right" gesetzt werden muss (in HTML ist alles entsprechend funktionisfähig).

Problem im TS ist, dass ich das in der wrap-Zeile (also i, <ul ...>-Part) machen müsste (unten -> ### Zweite Ebene ### -> wrap-Zeile).

```typoscript
# Das Haupt-Navigations-Menü erzeugen
temp.navmain = HMENU
temp.navmain {
    special = directory
    special.value = 4

    ### Erste Ebene ###
    1 = TMENU
    1 {
      wrap = <ul class="header_menu" id="main_menu">|</ul>
      noBlur = 1
      expAll = 1
      NO {
         allWrap.insertData = 1
         allWrap = <li class="sub{field:alias}" id="sub{field:alias}">|
         wrapItemAndSub = |</li>
      }
      ACT = 1
      ACT < .NO
    }

    ### Zweite Ebene ###
    2 = TMENU
    2 {
      wrap = <ul class="menu_dropdown">|</ul>
      NO.allWrap = <li>|</li>
    }
}
```

Ich danke euch vielmals für jede Anregung, die mich weiterbringt ;-)

## Antworten

### [#2](https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung/2) · lisardo · 2010-06-21

Hallo,

Versuchs mal mit dem Stichwort optionsplit - das ist dafür im Prinzip gedacht:

<http://wiki.typo3.org/index.php/De:TSref/optionSplit>

Unter dem Stichwort sind via Google auch eine Menge Anleitungen zu finden.

Gruß
Peter

### [#3](https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung/3) · thosch · 2010-06-21

Hallo Peter,

vielen Dank für den Hinweis. Ich habe dies in der Vergangenheit immer im NO-Teil angewendet, wie z.B.

```typoscript
NO.allWrap = <li>|</li>|*|<li>|</li>|*|<li class="end">|</li>
```

Mein Problem hierbei ist leider, dass ich das Ganze auf das <ul> anwenden muss, also auf den wrap. Da bekomme ich leider den optionSplit nicht zum Laufen. Habe ich da so einen Denkfehler oder verstehe ich den Split vielleicht nicht richtig?

Nachfolgender Code klappt ja leider nicht :-(

```typoscript
wrap = <ul class="menu_dropdown">|</ul>|*|<ul class="menu_dropdown">|</ul>|*|<ul class="menu_dropdown right">|</ul>
```

Beste Grüße
Thomas

### [#4](https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung/4) · Unbekannter Benutzer · 2010-06-21

Hallo,

wenn ich mich nicht gerade täusche unterstüzt der normalen "wrap" keine stdWrap Funktionen. Daher geht optionSplit nicht.

Probier es mal z.B. mit "stdWrap.outerWrap".

Grüße

### [#5](https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung/5) · rrudorfer · 2010-06-21

Wie wärs, wenn du den wrap in die 1. Ebene verschiebst? Also:

```typoscript
temp.navmain = HMENU
temp.navmain {
...
    ### Erste Ebene ###
    1 = TMENU
    1 {
      ...
      NO {
         wrapItemAndSub = <li class="sub{field:alias}" id="sub{field:alias}"><ul class="menu_dropdown"><ul class="menu_dropdown">|</ul></li> |*| nochmal_gleich |*| nochmal_gleich_mit_neuer_klasse
         wrapItemAndSub.insertData = 1
      }
      ACT = 1
      ACT < .NO
    }
 
    ### Zweite Ebene ###
    2 = TMENU
    2 {
      wrap = |
      NO.allWrap = <li>|</li>
    }
}
```

Ciao,
Roman

### [#6](https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung/6) · thosch · 2010-06-23

Hi Roman,

die Lösung ist fast perfekt, hat leider nur einen kleinen Beigeschmack, dass der Wrapper so die <li>'s durcheinanderwirft.

Der auszugebende HTML-Code müsste wie folgt aussehen:

```html
<ul class="header_menu">
	<li class="menu1">
		<a href="#">MENUEPUNKT 1</a>
		<div class="ltg_clear"></div>
		<ul class="menu_dropdown">
			<li><a href="#">Unterpunkt</a></li>
			<li><a href="#">Unterpunkt</a></li>
			<li><a href="#">Unterpunkt</a></li>
			<li><a href="#">Unterpunkt</a></li>
		</ul>
	</li>
	<li class="menu2">
		<a href="#">MENUEPUNKT 2</a>
		<div class="ltg_clear"></div>
		<ul class="menu_dropdown">
			<li><a href="#">Unterpunkt</a></li>
			<li><a href="#">Unterpunkt</a></li>
			<li><a href="#">Unterpunkt</a></li>
			<li><a href="#">Unterpunkt</a></li>
		</ul>
	</li>
</ul>
```

### [#7](https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung/7) · rrudorfer · 2010-06-25

Hallo thosch!

Ich hab einen Fehler in meinem TS entdeckt, den hast du natürlich bestimmt auch entdeckt (ul doppel angegeben)...

Wie sieht denn der HTML-Code aus, den mein TS ausgibt?

Abgesehen davon wirst du im IE6 ein Problem bekommen, da dieser :hover leider nur bei <a>-Tags machen kann...

Versuch es mal mit diesem TS:

```typoscript
temp.navmain = HMENU
...
temp.navmain.1 = TMENU
temp.navmain.1 {
	wrap = <ul class="header_menu"> | </ul>
	expAll = 1
	NO.ATagTitle.field = subtitle//title
	NO.wrapItemAndSub = <li class="firstlevel"> | </li>
	
	ACT = 1
	ACT.ATagTitle.field = subtitle//title
	ACT.wrapItemAndSub = <li class="firstlevel active"> | </li>
	
	IFSUB = 1
	IFSUB {
		wrapItemAndSub = <li><ul class="menu_dropdown"> | <!--[if lte IE 6]></td></tr></table></a><![endif]--></ul></li> |*| <li><ul class="menu_dropdown"> | <!--[if lte IE 6]></td></tr></table></a><![endif]--></ul></li> |*| <li><ul class="menu_dropdown_last"> | <!--[if lte IE 6]></td></tr></table></a><![endif]--></ul></li>
		linkWrap = |<!--[if IE 7]><!-->
		allWrap = |<!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
		ATagBeforeWrap = 1
	}
	
	ACTIFSUB = 1
	ACTIFSUB {
		wrapItemAndSub = <li class="active"><ul class="menu_dropdown" | <!--[if lte IE 6]></td></tr></table></a><![endif]--></ul></li> |*| <li class="active"><ul class="menu_dropdown" | <!--[if lte IE 6]></td></tr></table></a><![endif]--></ul></li> |*| <li class="active"><ul class="menu_dropdown_last" | <!--[if lte IE 6]></td></tr></table></a><![endif]--></ul></li>
		linkWrap = |<!--[if IE 7]><!-->
		allWrap = |<!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
		ATagBeforeWrap = 1
	}
}

lib.menue1.2 = TMENU
lib.menue1.2 {
	wrap = |
	expAll = 0
	NO.ATagTitle.field = subtitle//title
	NO.allWrap = <li>|</li>
	NO.stdWrap.htmlSpecialChars = 1
	
	ACT = 1
	ACT.ATagTitle.field = subtitle//title
	ACT.allWrap = <li class="active">|</li>
	ACT.stdWrap.htmlSpecialChars = 1
}
```

Ist leider ungetestet, könnte aber funktionieren... Entsprechendes CSS natürlich vorausgesetzt... ;)

Hier wird darauf geachtet, dass die Unterpunkte auch vom <a>-Tag umgeben sind (für IE6) und das ganze natürlich nur, wenn es auch wirklich Unterpunkte gibt...

Bitte schick uns sonst einen Link zu deiner Seite, damit wir den aktuellen HTML-Output sehen können...

Ciao,
Roman

---

Quelle: „Letzten Menüpunkt mit anderer Formatierung“, typo3.net, https://www.typo3.net/d/99529-letzten-menuepunkt-mit-anderer-formatierung
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.