---
title: "tmenu mit title, subtitle und calss"
url: "https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2008-07-12"
last_reply: "2009-12-15"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# tmenu mit title, subtitle und calss

TYPO3 › Menüs · 8 Antworten · gestartet 2008-07-12

## Eröffnungsbeitrag

**leibnitz** · 2008-07-12 · [Beitrag #1](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/1)

Hallo

ich bin gerade dabei ein CSS Template auf Typo3 umzusetzen und stehe bei einem Menü vor Problemen.

Zuerst einmal der Code ohne Typo3 (so sollte er sein):

```html
<div class="clearfloat"> 
	<div class="info"><a href="http://www.domain.de/" class="title">Typo3 Title</a>
		<p> Typo3 Subtitle</p>
	</div>
</div>
```

Hier der Code im Typo3:

```html
<div class="clearfloat">
<a href="index.php?id=43" onfocus="blurLink(this);"><div class="info title">Typo3 Title</div><p>Typo3 Subtitle</p></a>
</div>
```

Und hier mein TypoScript:

```typoscript
KMENU_MAIN = HMENU
KMENU_MAIN{

	special = directory
   	special.value = 39
        
        1 = TMENU
        1.wrap = <div class="clearfloat"> | </div>
        1{
                expAll = 1
                NO{
                       
                        stdWrap.cObject = COA
                        stdWrap.cObject {
                          10 = TEXT       
                          10.field = title
                          10.wrap = <div class="info title"> | </div>
                          20 = TEXT
                          20.field = subtitle
                          20.wrap = <p> | </p>
                      }
   
                }
        }
       
        2 < .1
```

Ich bekomm es irgendwie nicht gebacken, dass Typo3 den A-Tag zum richtigen Zeit schließt und die Classes richtig verwendet.

Kann mir dazu jemand was sagen bzw einen Tipp geben?

Gruß Leibnitz

## Antworten

### [#2](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/2) · SLAng · 2008-07-12

Sieht komisch aus was du da machst...
bevor es zu kompliziert wird würde ich immer erstmal das Einfachste versuchen:

```typoscript
KMENU_MAIN = HMENU
KMENU_MAIN {
	special = directory
	special.value = 39
	1 = TMENU
	1 {
		expAll = 1
		wrap = <div class="clearfloat">|</div>
		NO = 1
		NO {
			linkWrap = <div class="info">|
			ATagParams = class="title"
			after {
				wrap = <p>|</p></div>
				field = subtitle
			}
		}
	}
	2 < .1
}
```

### [#3](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/3) · leibnitz · 2008-07-13

Hi
danke, hat super geklappt.

Jetzt hätt ich allerdings nochmal eine Frage,
ich hab das selbe Menü (zumindest der Aufbau) nochmal wo anders allerdings soll dort noch ein Image mit der class="left" davor.

Dachte mir das jetzt so, dass man bei den Seiteneigentschaften über folgenden Code

```typoscript
altImgResource.import = uploads/media/
altImgResource.import.field = media
altImgResource.import.listNum = 0
```

das Bild hinzufügt.

Hab das ganze jetzt mal als GMENU verwendet und den Code hinzugefügt.

```typoscript
KMENU_INDI = HMENU
KMENU_INDI {
        special = directory
        special.value = 39
        1 = GMENU
        1 {
                expAll = 1
                wrap = <div class="clearfloat">|</div>
                NO = 1
                NO {
                        altImgResource.import = uploads/media/
			altImgResource.import.field = media
			altImgResource.import.listNum = 0
                        
                        linkWrap = <div class="info">|
                        ATagParams = class="title"
                        after {
                                wrap = <p>|</p></div>
                                field = subtitle
                        }
                    }
        }
        2 < .1
}
```

Leider funktioniert das nicht so, vorallem weiß ich nicht wie ich dem Bild die class="links" zuweise.

Hab mir jetzt schon die Finger wund gegoogelt. Vllt könnt ihr mir nochmal helfen.

Gruß Leibnitz

### [#4](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/4) · SLAng · 2008-07-13

Und wegen dem Bild davor nimmst du ein GMENU?

Warum nicht mit einem TMENU und beforeImg?
Oder Warum nicht als TMENU und dann in eine ul-Liste wie es eigentlich auch soweiso sein sollte. Das Bild legst du dann als background-image in deinem a tag ab. Dadurch bekommst du dann auch schöne rollover-Effekte

### [#5](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/5) · leibnitz · 2008-07-13

hmm stimmt hast du eigentlich recht.

wie bekomm ich dann das beforimg aus dem Mediafield?

```typoscript
before.cObject = IMAGE
   	before.cObject {
     		file.import.field = media
      		file.import = uploads/media/
      		file.import.listNum = 1
}
```

??

### [#6](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/6) · SLAng · 2008-07-13

Tja gute Frage, hab ich auch noch nicht gemacht...

Also erstmal ist aber before und beforeImg etwas anderes... Siehe hier:
<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Tmenuitem.html>

Ansonsten wenn du before nutzen willst, dann vielleicht so

```typoscript
before.cObject = COA
before.cObject {
        10 = IMAGE
        10 {
             file.import.field = media
             file.import = uploads/media/
             file.import.listNum = 1
        }
}
```

### [#7](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/7) · leibnitz · 2008-07-13

Hab mir das jetzt mal angeschaut mit before & beforeImg.
Leider klappts irgendwie nicht, außerdem hat ja jeder Menüpunkt ein eigenes Bild dazu.

EDIT

Habs gerade rausgefunden, so funktioniert es:

```typoscript
			beforeImgLink = 1
       		        beforeImg = imgResource
			        beforeImg {
			            import = uploads/media/
			            import.field = media
			            import.listNum = 0        
			        }
```

jetzt muss ich nur noch die classe hinbekommen weil jetzt sind die bilder noch nicht da wo sie sein sollen :-)

Gruß leib

### [#8](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/8) · SLAng · 2008-07-13

dann mach dir das Leben doch nicht so schwer...

Das Bild befindet sich doch mit in dem Menüaufbau, oder? Und wahrscheinlich dann auch in der Class <div class="info">

Also schreibst du in deinem CSS div.info img { deineDefinitionen; }

Dann kannst du auf die Class in dem img-tag verzichten

Ansonsten sind hier dein Möglichkeiten:
<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/Imgresource.html>

### [#9](https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss/9) · schmitz · 2009-12-15

> **SLAng schrieb:**
>
> Sieht komisch aus was du da machst...
> bevor es zu kompliziert wird würde ich immer erstmal das Einfachste versuchen:
>
> ```typoscript
> KMENU_MAIN = HMENU
> KMENU_MAIN {
> 	special = directory
> 	special.value = 39
> 	1 = TMENU
> 	1 {
> 		expAll = 1
> 		wrap = <div class="clearfloat">|</div>
> 		NO = 1
> 		NO {
> 			linkWrap = <div class="info">|
> 			ATagParams = class="title"
> 			after {
> 				wrap = <p>|</p></div>
> 				field = subtitle
> 			}
> 		}
> 	}
> 	2 < .1
> }
> ```

Wie mach ich denn das, dass der Subtitle nicht nach dem div kommt, sondern dort mit drin angezeigt wird?

mfG

Hab daran gedacht:

```typoscript
lib.navi = HMENU
lib.navi {
    entryLevel = 0

	1 = TMENU 
	1 {	
		expAll = 1
		wrap =  <div class="hlist"><ul>|</ul></div>


		NO{
			1.NO.stdWrap.cObject = COA
			1.NO.stdWrap.cObject {

			wrap = <li id="first">|</li>|*|<li>|</li>|*|<li>|</li>
			10 = TEXT
			10.field = title

			20 = TEXT
			20.field=subtitle
			20.wrap =<a><span>|</span></a>
			}
		}


	}

}
```

Aber es funkioniert nicht.

---

Quelle: „tmenu mit title, subtitle und calss“, typo3.net, https://www.typo3.net/d/79443-tmenu-mit-title-subtitle-und-calss
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.