---
title: "Doppeltes <li> bei CSS-Menü"
url: "https://www.typo3.net/d/25301-doppeltes-li-bei-css-menue"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2005-05-30"
last_reply: "2005-05-30"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Doppeltes <li> bei CSS-Menü

TYPO3 › Menüs · 4 Antworten · gestartet 2005-05-30

## Eröffnungsbeitrag

**NoFugo** · 2005-05-30 · [Beitrag #1](https://www.typo3.net/d/25301-doppeltes-li-bei-css-menue/1)

Hallo,
folgendes CSS-Menü wollte ich in Typo integrieren, wobei ich hier "hart" die einzelnen Zustände als Klasse angelegt habe, damit ihr weisst wie ich die Menüpunkte formatieren will:

```html
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">News</a></li>
<li class="active"><a href="#">Studium</a></li>
<li class="sub"><a href="#">Unterpunkt 1</a></li>
<li class="sub"><a href="#">Unterpunkt 2</a></li>
<li class="sub-active"><a href="#">Unterpunkt 3</a></li>
<li class="sub"><a href="#">Unterpunkt 4</a></li>
<li><a href="#">Studenten</a></li>
<li><a href="#">Dozenten</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Netzwerk</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
```

-----------------

und das ist der dazughörige CODE in Typo

```typoscript
# Menü links
       MENU_LINKS = HMENU  
       MENU_LINKS { 
             special = directory
             special.value = 2 
         1 = TMENU  
         1 {  
           wrap = <div id="navcontainer"><ul id="navlist">|</ul></div> 
           noBlur = 1  
           NO {  
                 wrapItemAndSub = <li>|</li>  
                 stdWrap = upper  
                 }  
           ACT < .NO  
           ACT.stdWrap.wrap = <li class="active">|</li>  
           CUR < .ACT  
           CUR.stdWrap.wrap = <li class="active">|</li>  
           CUR.doNotLinkIt = 1  
           CUR = 1  
           } 
           2 < .1 
           2.wrap = <li class="sub">|</li>  
           2.CUR.stdWrap.wrap = <li class="sub-active">|</li>
  
           }
```

Das Ergebnis ist auf den ersten Blick zufriedenstellend, allerdings wird ein Menüpunkt der "aktive" ist, mit einem weiteren <li></li> umschlungen und wird in folge nicht angezeigt. Desweiteren werden mir keine Menüpunkte (class="sub") 3.Ordnung (also unterhalb von "STUDIUM" angezeigt).Im Sourcecode sieht das Ganze so aus:

```html
<div id="navcontainer">
  <ul id="navlist">
     <li><a href="4.0.html">Home</a></li>
     <li><a href="15.0.html">News</a></li>
     <li><li class="active">Studium</li></li>
     <li><a href="6.0.html">Studenten</a></li>
     <li><a href="7.0.html">Dozenten</a></li>
     <li><a href="8.0.html">Jobs</a></li>
     <li><a href="9.0.html">Netzwerk</a></li>
  </ul>
</div>
```

Weiss jemand Rat? Oder ist das Typoscript einfach nur murcks? (meine Typoscript-Kenntnisse beschränken sich leider nur auf STRG+C STRG+V)
Danke für jegliche Hilfe.

## Antworten

### [#2](https://www.typo3.net/d/25301-doppeltes-li-bei-css-menue/2) · jenses · 2005-05-30

Jo, Dein TS ist Murks :

```typoscript
           ACT.stdWrap.wrap = <li class="active">|</li>
```

Das ist "doppelt gemoppelt", da NO schon mit li gewrapped wird, jetzt noch mal li.active als innere Verpackung ist natürlich Quatsch.
Schreib einfach so :

```typoscript
           ACT < .NO 
           ACT.wrap = <li class="active">|</li> 
           CUR < .ACT 
           CUR.wrap = <li class="active">|</li> 
           CUR.doNotLinkIt = 1 
           CUR = 1
```

jenses

### [#3](https://www.typo3.net/d/25301-doppeltes-li-bei-css-menue/3) · NoFugo · 2005-05-30

Danke jenses!
das doppelte <li> ist jetzt verschwunden. Leider wird für den aktiven-Zustand kein entsprechendes class="active" und kein <a href=""> in das <li> generiert.  Die 6 Unterpunkte von "Studium" werden ebenfalls nicht angezeigt.

Hier der jetzige Code nach Deiner Änderung (Studium ist angeclickt):

```html
<div id="navcontainer">
   <ul id="navlist">
     <li><a href="4.0.html">News</a></li>
     <li>Studium</li>
     <li><a href="6.0.html">Studenten</a></li>
     <li><a href="7.0.html">Dozenten</a></li>
     <li><a href="8.0.html">Jobs</a></li>
     <li><a href="9.0.html">Netzwerk</a></li>
   </ul>
</div>
```

Und hier das aktuelle TS:

```typoscript
 # Menü links
       MENU_LINKS = HMENU  
       MENU_LINKS { 
             special = directory
             special.value = 2 
         1 = TMENU  
         1 {  
           wrap = <div id="navcontainer"><ul id="navlist">|</ul></div> 
           noBlur = 1  
           NO {  
                 wrapItemAndSub = <li>|</li>  
                 stdWrap = upper  
                 }  
           ACT < .NO  
             ACT.wrap = <li class="active">|</li>
             CUR < .ACT  
             CUR.wrap = <li class="active">|</li> 
             CUR.doNotLinkIt = 1  
             CUR = 1  
           } 
           2 < .1 
           2.wrap = <li class="sub">|</li>  
           2.CUR.stdWrap.wrap = <li class="sub-active">|</li>
  
           }
```

Weiss jemand Rat? Danke.

### [#4](https://www.typo3.net/d/25301-doppeltes-li-bei-css-menue/4) · NoFugo · 2005-05-30

Leider komme ich nicht weiter. Muss

```typoscript
CUR.doNotLinkIt = 1
```

eigentlich auf "1" stehen? Bei "0" wird mir das Menü zumindest "richtig" angezeigt. Allerdings immer noch ohne "class="active" und der Unterpunkte von Studium ...   #angry#

### [#5](https://www.typo3.net/d/25301-doppeltes-li-bei-css-menue/5) · jenses · 2005-05-30

Versuchs mal hiermit :

```typoscript
MENU_LINKS = HMENU 
MENU_LINKS {
	special = directory
	special.value = 2
	1 = TMENU 
	1 { 
		wrap = <div id="navcontainer"><ul id="navlist">|</ul></div>
		noBlur = 1 
		NO { 
			wrap = <li>|</li> 
			stdWrap = upper 
		} 
		ACT < .NO 
		ACT = 1 
		ACT.wrap = <li class="active">|</li>
		ACTIFSUB < .ACT 
		ACTIFSUB = 1 
		ACTIFSUB.wrap = <li class="active">|	
	}
	2 < .1
	2.wrap = <ul>|</ul></li> 
}
```

Es sollen doch verschachtelte Listen als Menü werden, oder ?

jenses

---

Quelle: „Doppeltes <li> bei CSS-Menü“, typo3.net, https://www.typo3.net/d/25301-doppeltes-li-bei-css-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.