---
title: "Menü mit HOVER und Subtitle"
url: "https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2005-08-29"
last_reply: "2005-08-31"
replies: 12
solved: false
page: 1
pages: 1
lang: "de"
---

# Menü mit HOVER und Subtitle

TYPO3 › Menüs · 12 Antworten · gestartet 2005-08-29

## Eröffnungsbeitrag

**einpraegsam.​net** · 2005-08-29 · [Beitrag #1](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/1)

Hallo,

habe vor einer Woche eine Internetseite entdeckt, die ein tolles Menü hatte. Sobald man mit der Maus einen Menüpunkt überfahren hatten, wurde eine Beschreibung an einer anderen Stelle sichtbar.

Ich finde diese Seite leider nicht mehr. Der Designer hat das alles alleine mit CSS gemacht.

Wie könnte man das mit Typo3 hinbekommen (mit Title als Titel und Subtitle als Beschreibung)

So ähnlich war das in seinem Menü

```typoscript
<a href="#" class="menu">Title1<span id="SUB">Subtitle1</span></a>
```

im CSS war dann die ID hidden nur bei hover visible

aber ich bekomm es einfach nicht hin :(

## Antworten

### [#2](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/2) · einpraegsam.​net · 2005-08-29

ok, bin schon etwas weiter, die Frage ist nur, wie kann ich den Subtitle noch ins <a> Tag vom Title mit einfügen :(((

### [#3](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/3) · einpraegsam.​net · 2005-08-29

```typoscript
temp.menu_1 = HMENU
temp.menu_1.stdWrap.wrap = <div id="navi">|</div>
temp.menu_1.1 = TMENU
temp.menu_1.1{
noBlur = 1

NO {
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = alias//uid
before.cObject.dataWrap = <a href="index.php?id= |" class="menu_h1">
field = title
after.cObject = TEXT
after.cObject.field = title
after.cObject.wrap = | <span class="showcase1">xxx</span></a><br /> 
}
```

Damit kann ich "xxx" hinter jeden Menüpunkt setzen - aber wie kann ich stattdessen den Subtitel anzeigen lassen!?

Die Seite mit dem Menü ist übrigens (kein Typo3):
<http://www.netzdesign33.de>

### [#4](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/4) · einpraegsam.​net · 2005-08-30

Puh - keiner eine Idee?

o.O

### [#5](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/5) · stefan s · 2005-08-31

```typoscript
NO {
#damit bei mouseover zusätzliche Infos zum Navipunkt angezeigt werden
beforeWrap =  | 
linkWrap = | 
doNotShowLink = 1 
wrapItemAndSub = | 
before.cObject = TEXT 
before.cObject.field = uid 
before.cObject.dataWrap = <a class="menu_h1" href="index.php?id=|" title="{field:subtitle}"> 
after.cObject = TEXT 
after.cObject.field = title//subtitle 
after.cObject.htmlSpecialChars = 1 
after.cObject.wrap = |</a>
...
}
```

--> Zeile 9

### [#6](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/6) · einpraegsam.​net · 2005-08-31

Danke für die Antwort - aber da wird nur der Titel angezeigt, benötige aber

<a href="...">Title<div>SubTitle</div></a>

:(

### [#7](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/7) · stefan s · 2005-08-31

ups, Problem falsch verstanden...

### [#8](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/8) · einpraegsam.​net · 2005-08-31

Schade hatte schon gewagt zu Hoffen :)

### [#9](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/9) · stefan s · 2005-08-31

ok, ich gebe dir nen Tip, da der Lösungsansatz schon vor deinen Augen und in deinem 3. Post drin steckt

Lösungsansatz:

```typoscript
before.cObject.dataWrap = <a href="index.php?id= |" class="menu_h1">
```

den musst du dir jetzt nur noch auf dein Problem anwenden... :p  und due erhältst

> Title<div>SubTitle</div>

Hoffe, dein problem jetzt verstanden zu haben...

### [#10](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/10) · einpraegsam.​net · 2005-08-31

Also das Prob hast du nun verstanden :)

Aber ich kann bei cObject einen Dynamischen Text davor und danach erstellen lassen (davor die Page ID und danach den Titel), aber ich müsste noch einen 3. Text erstellen können - nämlich den Subtitel :(

### [#11](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/11) · stefan s · 2005-08-31

hast du schon mal

```typoscript
after.cObject.dataWrap = |<div>{field:subtitle}</div>
```

probiert?

### [#12](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/12) · einpraegsam.​net · 2005-08-31

Juhu, du hast doch einen wichtigen Gedankenanstoß gegeben, mein Kollege hats "schnell" mal entdeckt:

```typoscript
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = alias//uid
before.cObject.dataWrap = <a href="|.0.html" class="menu_h1">
field = title
stdWrap = |
after.cObject = TEXT
after.cObject.field = title
after.cObject.dataWrap = | <span class="showcase">{field:subtitle}</span></a><br>
```

Jetzt ist das endlich möglich:

<a href..>title<span class=..>subtitle</span></a>

### [#13](https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle/13) · einpraegsam.​net · 2005-08-31

ups, ok, du warst wohl schneller :)

Jedenfalls GROSSES DANKESCHÖN

**Ergebnis:**
<http://www.justpowder.de/home1.0.html>

---

Quelle: „Menü mit HOVER und Subtitle“, typo3.net, https://www.typo3.net/d/29352-menue-mit-hover-und-subtitle
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.