---
title: "CSS Menü richtig wrappen"
url: "https://www.typo3.net/d/49972-css-menue-richtig-wrappen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2006-09-14"
last_reply: "2006-09-14"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS Menü richtig wrappen

TYPO3 › Menüs · 4 Antworten · gestartet 2006-09-14

## Eröffnungsbeitrag

**Pro2k** · 2006-09-14 · [Beitrag #1](https://www.typo3.net/d/49972-css-menue-richtig-wrappen/1)

also ich hab mir ein css menu gebaut, dass ich jetzt in typo3 intergrieren will. Der Code den Typo3 erzeugen soll, muss so aussehen:

```html
<!-- Main Menu Start -->
<div id="menu1">
<ul>
<li class="list1t"><a id="item1t" href="#nogo" title="Item 1">Home</a></li>
<li class="list2t"><a id="item2t" href="#nogo" title="Item 2">Our Estate</a></li>
<li class="list3t"><a id="item3t" href="#nogo" title="Item 3">Our Wines</a></li>
<li class="list4t"><a id="item4t" href="#nogo" title="Item 4">Vinyard &amp; Cellar</a></li>
<li class="list5t"><a id="item5t" href="#nogo" title="Item 5">Vinyard Creatures</a></li>
<li class="list6t"><a id="item6t" href="#nogo" title="Item 6">Trade Information</a></li>
<li class="list7t"><a id="item7t" href="#nogo" title="Item 7">Contact</a></li>
</ul>
</div>
<!-- Main Menu Ende -->
```

Also benutze ich folgenden TS-Code:

```typoscript
lib.myMainMenu = HMENU
lib.myMainMenu {
   special = list
   special.value = 19, 18, 17, 16, 15, 14, 13
   1 = TMENU
   1 {
     expAll = 1
     wrap = <ul> | </ul>
     noBlur = 1
     NO = 1
     NO.wrapItemAndSub = <li class="list1t"> | </li>
     ATagBeforeWrap = 1
     ATagParams = id="list1t"
     }
   }
```

Das funktioniert soweit schon ganz gut, bis auf das id="list1t" im a-tag. Das Ergebnis sieht nämlich folgendermaßen aus:

```html
<!-- Main Menu Start -->
<div id="menu1">
<ul><
li class="list1t"><a href="index.php?id=19">Homepage</a></li>
<li class="list1t"><a href="index.php?id=18">Our Estate</a></li>
<li class="list1t"><a href="index.php?id=17">Our Wines</a></li>
<li class="list1t"><a href="index.php?id=16">Vinyard & Cellar</a></li>
<li class="list1t"><a href="index.php?id=15">Vineyard Creatures</a></li>
<li class="list1t"><a href="index.php?id=14">Trade Information</a></li>
<li class="list1t"><a href="index.php?id=13">Contact Us</a></li>
</ul>
</div>
<!-- Main Menu Ende -->
```

Wie bekomm ich jetzt Typo3 dazu, diesen id da reinzubauen?

## Antworten

### [#2](https://www.typo3.net/d/49972-css-menue-richtig-wrappen/2) · just2b · 2006-09-14

entweder über optionsplit, Bsp gibts im Forum bzw hier <https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/OptionSplit.html>

oder etwas komplexer: [/d/42777-nummerierung-in-menues](https://www.typo3.net/d/42777-nummerierung-in-menues)

lg georg

### [#3](https://www.typo3.net/d/49972-css-menue-richtig-wrappen/3) · Pro2k · 2006-09-14

> **just2b schrieb:**
>
> entweder über optionsplit, Bsp gibts im Forum bzw hier <https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/OptionSplit.html>
>
> oder etwas komplexer: [/d/42777-nummerierung-in-menues](https://www.typo3.net/d/42777-nummerierung-in-menues)
>
> lg georg

Kann mit den Links leider gar nichts anfangen. Ich versteh auch nicht warum meine Lösung nicht funktioniert.
Das "<a href="index.php?id=13">Contact Us</a>" wird ja von Typo3 erzeugt und einfach zwischen die <li></li> geschoben. Und dann dachte ich das ATagParams = id"?" diese id einfach noch in den a-tag einbaut.

Verständnisfehler?

### [#4](https://www.typo3.net/d/49972-css-menue-richtig-wrappen/4) · just2b · 2006-09-14

ja, verständnisfehler!

schau dir optionsplit an, is echt nicht schwer, spiel bisschen mit den beispielen, dann weißt worums geht

georg

### [#5](https://www.typo3.net/d/49972-css-menue-richtig-wrappen/5) · Pro2k · 2006-09-14

> **just2b schrieb:**
>
> ja, verständnisfehler!
>
> schau dir optionsplit an, is echt nicht schwer, spiel bisschen mit den beispielen, dann weißt worums geht
>
> georg

Doch kein Verständnisfehler nur ein Kleiner Fehler im TS-Code. So muss er sein dann gehts:

```typoscript
lib.myMainMenu = HMENU
lib.myMainMenu {
   special = list
   special.value = 19, 18, 17, 16, 15, 14, 13
   1 = TMENU
   1 {
     expAll = 1
     wrap = <ul> | </ul>
     noBlur = 1
     NO = 1
     NO.wrapItemAndSub = <li class="list1t"> | </li>
     NO.ATagBeforeWrap = 1
     NO.ATagParams = id="list1t"
     }
   }
```

Hab einfach nur das NO. vor ATagParams vergessen.

---

Quelle: „CSS Menü richtig wrappen“, typo3.net, https://www.typo3.net/d/49972-css-menue-richtig-wrappen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.