---
title: "Menü mit Image-replacement und Sonderzeichen \"&\""
url: "https://www.typo3.net/d/100309-menue-mit-image-replacement-und-sonderzeichen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2010-07-30"
last_reply: "2010-07-30"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Menü mit Image-replacement und Sonderzeichen "&"

TYPO3 › Menüs · 1 Antwort · gestartet 2010-07-30

## Eröffnungsbeitrag

**sichmann** · 2010-07-30 · [Beitrag #1](https://www.typo3.net/d/100309-menue-mit-image-replacement-und-sonderzeichen/1)

Hallo Leute, ich stehe auf validen Code, habe ein Menü im Einsatz:

```typoscript
lib.gtmenu = HMENU
lib.gtmenu {
    special = list
    special.value = 105,106,107,108,109
#entryLevel = 2
 1 = TMENU
 1 {
 wrap = <ul class="zusatz">|</ul>
 NO.doNotLinkIt = 1
 NO.wrapItemAndSub = <li>|</li>
 NO.stdWrap.cObject = COA 

 NO.stdWrap.cObject {

 		10 = TEXT
 		10 {
 		field = title
 		
 		typolink {
 			parameter.field = uid

			### AtagParams als COA definieren, um die Grafik rendern zu können ###
 			ATagParams.cObject = COA
 			ATagParams.cObject {

				### Image-Resource nach unseren Wünschen generieren ### 
 				10 = IMG_RESOURCE 
 				10.file = GIFBUILDER
 				10.file {
					align = center
					XY = 198,70

 					backColor = #294834 
 					10 = TEXT
 				10 {
 					text.field = subtitle//title
 					
 					fontSize = 22
 					fontFile=fileadmin/fonts/NicolasCochin_Regular.ttf
 					offset = 0,25
 					align = center
 					fontColor = #ffffff
 					} 

					### Roten Hintergrund für den Rollover definieren ###
 					20 = BOX
 					20 {
 						dimensions = 0,35,198,35
 						color = #396448 
 						}

					### Text für den Rollover kopieren, nach unten verschieben und einfärben ###
	 				30 = TEXT
	 				30 < .10
	 				30 {
 					offset = 0,60
					color = #ffcc00
 						}
 }
 
 10.stdWrap.dataWrap = style="width:198px; background-image: url('/|');"




					} 
				} 
			} 
		}
		CUR = 1
CUR.doNotLinkIt = 1
 CUR.wrapItemAndSub = <li>|</li>
 CUR.stdWrap.cObject = COA 
 CUR.stdWrap.cObject {

 		10 = TEXT
 		10 {
 		field = title
 		typolink {
 			parameter.field = uid

			### AtagParams als COA definieren, um die Grafik rendern zu können ###
 			ATagParams.cObject = COA
 			ATagParams.cObject {

				### Image-Resource nach unseren Wünschen generieren ### 
 				10 = IMG_RESOURCE 
 				10.file = GIFBUILDER
 				10.file {
					align = center
					XY = 198,70

 					backColor = #396448 
 					10 = TEXT
 				10 {
 					text.field = subtitle//title
 					fontSize = 22
 					fontFile=fileadmin/fonts/NicolasCochin_Regular.ttf
 					offset = 0,25
 					align = center
 					fontColor = #ffffff
 					} 

					### Roten Hintergrund für den Rollover definieren ###
 					20 = BOX
 					20 {
 						dimensions = 0,35,198,35
 						color = #396448 
 						}

					### Text für den Rollover kopieren, nach unten verschieben und einfärben ###
	 				30 = TEXT
	 				30 < .10
	 				30 {
 					offset = 0,60
					color = #ffcc00
 						}
 }
 10.stdWrap.dataWrap = style="width:198px; background-image: url('/|');"




					} 
				} 
			} 
		}
	
	}
}
```

das generiert leider keinen validen Code.

Wie und wo muss ich htmlSpecialChar einsetzen, damit das valide wird?

## Antworten

### [#2](https://www.typo3.net/d/100309-menue-mit-image-replacement-und-sonderzeichen/2) · Julian.​Hofmann · 2010-07-30

Hallo.

> **sichmann schrieb:**
>
> Wie und wo muss ich htmlSpecialChar einsetzen, damit das valide wird?

Dort, wo Text ausgegeben wird, der wohl ein & odgl. enthält. ;)

Somit fällt alles weg, was nur zur Bilder- und Linkzeugung dient. D.h. es bleibt übrig:

```typoscript
lib.gtmenu = HMENU
lib.gtmenu {
	special = list
	special.value = 105,106,107,108,109
	#entryLevel = 2
	1 = TMENU
	1 {
		wrap = <ul class="zusatz">|</ul>
		NO.doNotLinkIt = 1
		NO.wrapItemAndSub = <li>|</li>
		NO.stdWrap.cObject = COA 
		
		NO.stdWrap.cObject {
		
			10 = TEXT
			10 {
				field = title		
			} 
		}
		CUR = 1
		CUR.doNotLinkIt = 1
		CUR.wrapItemAndSub = <li>|</li>
		CUR.stdWrap.cObject = COA 
		CUR.stdWrap.cObject {
		
			10 = TEXT
			10 {
				field = title
			} 
		}
	
	}
}
```

Nachdem Du bereits weißt, dass Du mit htmlSpecialChar arbeiten willst/musst, musst Du nur noch im verbleibenden TS eine Stelle finden, wo stdWrap-Eigenschaften vorliegen, die die Anwendung von htmlSpecialChar ermöglich. Und zum Glück hat TEXT gleich die gesuchten stdWrap-Eigenschaften...

Viele Grüße
Julian

---

Quelle: „Menü mit Image-replacement und Sonderzeichen "&"“, typo3.net, https://www.typo3.net/d/100309-menue-mit-image-replacement-und-sonderzeichen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.