---
title: "Menü mit Schönheitsfehler im HTML-Code"
url: "https://www.typo3.net/d/65919-menue-mit-schoenheitsfehler-im-html-code"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2007-07-27"
last_reply: "2007-07-30"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Menü mit Schönheitsfehler im HTML-Code

TYPO3 › Menüs · 4 Antworten · gestartet 2007-07-27

## Eröffnungsbeitrag

**mikewazowski** · 2007-07-27 · [Beitrag #1](https://www.typo3.net/d/65919-menue-mit-schoenheitsfehler-im-html-code/1)

Hallo,

ich nutze YAML und benötige für mein Menü folgenden HTML-Code, wobei "Unterkategorie 1" das markierte Menüelement darstellt:

```html
<li><a href="42.html" title="Kategorie">Kategorie</a>
    <ul>
        <li><strong>Unterkategorie 1</strong></li>
        <li><a href="39.html" title="Unterkategorie 2">Unterkategorie 2</a></li>
        <li><a href="40.html" title="Unterkategorie 3">Unterkategorie 3</a></li>
        <li><a href="43.html" title="Unterkategorie 4">Unterkategorie 4</a></li>
    </ul>
</li>
```

Mein TypoScript sieht nun so aus

```typoscript
1 = TMENU
1 {
  noBlur = 1
  #| Normalzustand des Menüs |#
  NO = 1
  NO.wrapItemAndSub = <li>|</li>
  NO.ATagTitle.field = abstract // description // title

  #| Aktiver Zustand des Menüs |#
  ACT < .NO

  #| Gewählter Menüeintrag |#
  CUR < .NO
  CUR.wrapItemAndSub = <li><strong>|</strong></li>
  CUR.doNotLinkIt = 1
}
2 < .1
2 {
  #| Schließender STRONG-Tag der übergeordneten Kategorie |#
  wrap = </strong><ul>|</ul>
}
3 < .2
4 < .2
```

Daraus ergibt sich blöderweise der nachfolgende HTML-Code. Der wird zwar korrekt angezeigt, aber das schließende STRONG-Tag nach "Kategorie" (Zeile 1) ist unschön.

```html
<li><a href="42.html" title="Kategorie">Kategorie</a></strong>
    <ul>
        <li><strong>Unterkategorie 1</strong></li>
        <li><a href="39.html" title="Unterkategorie 2">Unterkategorie 2</a></li>
        <li><a href="40.html" title="Unterkategorie 3">Unterkategorie 3</a></li>
        <li><a href="43.html" title="Unterkategorie 4">Unterkategorie 4</a></li>
    </ul>
</li>
```

Ich weiß, dass dieses schließende STRONG-Tag aufgrund Menü-Ebene 2 (siehe TS Zeile 20) entsteht. Aber wenn ich es weglasse, entsteht bei Auswahl der "Kategorie" folgender (nicht mehr korrekt angezeigter) HTML-Code:

```html
<li><strong>Kategorie
    <ul>
        <li><a href="38.html" title="Unterkategorie 1">Unterkategorie 1</a></li>
        <li><a href="39.html" title="Unterkategorie 2">Unterkategorie 2</a></li>
        <li><a href="40.html" title="Unterkategorie 3">Unterkategorie 3</a></li>
        <li><a href="43.html" title="Unterkategorie 4">Unterkategorie 4</a></li>
    </ul>
</strong></li>
```

Ich bin für jeden Tipp dankbar.

Viele Grüße,
Mike

## Antworten

### [#2](https://www.typo3.net/d/65919-menue-mit-schoenheitsfehler-im-html-code/2) · maik · 2007-07-27

Das ist vermutlich dein Fehler:

```typoscript
CUR.wrapItemAndSub = <li><strong>|</strong></li>
```

Versuch mal:

```typoscript
CUR.linkWrap = <strong> | </strong>
CUR.wrapItemAndSub = <li>|</li>
```

Das <strong> darf nicht um das Item samt SubItem gewrappt werden.

### [#3](https://www.typo3.net/d/65919-menue-mit-schoenheitsfehler-im-html-code/3) · mikewazowski · 2007-07-30

Hallo maik,

danke für den Tipp. Leider hilft er nicht. Es sieht noch immer so aus, obwohl es für mich eigentlich logisch erscheint, was Du schreibst.

Vielleicht habe ich auch was falsch verstanden. Hier noch mal der TS-Code:

```typoscript
            SUBMENU {
                special = directory
                special.value = 1
                special.value.data = leveluid:1
                excludeUidList = {$topmenuUids}
                entryLevel = 1
                1 = TMENU
                1 {
                    noBlur = 1

                    #| Normalzustand des Menüs |#
                    NO = 1
                    NO.wrapItemAndSub = <li>|</li>
                    NO.ATagTitle.field = abstract // description // title

                    #| Aktiver Zustand des Menüs |#
                    ACT < .NO

                    #| Gewählter Menüeintrag |#
                    CUR < .NO
                    CUR.linkWrap = <strong> | </strong>
                    CUR.wrapItemAndSub = <li>|</li>
                    CUR.doNotLinkIt = 1
                }

                2 < .1
                2 {
                    wrap = <ul>|</ul>
                }

                3 < .2
                4 < .2
            }
```

Danke...

### [#4](https://www.typo3.net/d/65919-menue-mit-schoenheitsfehler-im-html-code/4) · just2b · 2007-07-30

mach das ganze doch per css... beim CUR eine klasse vergeben und per font-weight

georg

### [#5](https://www.typo3.net/d/65919-menue-mit-schoenheitsfehler-im-html-code/5) · mikewazowski · 2007-07-30

Hallo just2b,

danke für den Tipp.
Mittlerweile habe ich aber den Fehler gefunden. Der Vorschlag war super, ich habe nur dummerweise nicht im LIVE-Workspace gearbeitet und somit die Änderung nicht gesehen ;o) Danke noch mal an maik...

---

Quelle: „Menü mit Schönheitsfehler im HTML-Code“, typo3.net, https://www.typo3.net/d/65919-menue-mit-schoenheitsfehler-im-html-code
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.