---
title: "<ul> <li> Menü verbessern"
url: "https://www.typo3.net/d/15902-ul-li-menue-verbessern"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2004-09-14"
last_reply: "2004-09-16"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# <ul> <li> Menü verbessern

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

## Eröffnungsbeitrag

**denny** · 2004-09-14 · [Beitrag #1](https://www.typo3.net/d/15902-ul-li-menue-verbessern/1)

hi,

werft mal nen Blick hier drauf:

<http://musik4life.de/Broetchenanlagen.7.0.html>

ich finde, mein Menü sieht einfach zu blöd aus. Das Problem ist, das man nicht erkennt, wo man sich befindet. Die Navi geht nur bis zu zweiten Ebene. In der ersten Ebene erkennt man noch wo man ist, da es dort fettgedruckt und weiß hinterlegt wird. Befindet man sich aber unterhalb der zweiten Ebene, erkennt man es nicht mehr.

Mein Typo Code sieht so aus:

```typoscript
temp.sidemenu = COA
temp.sidemenu {
   10 = HMENU
   10.entryLevel = 0
   10.1 = TMENU
   10.1 {
     noBlur = 1
     CUR = 1
     ACTIFSUB = 1
   }
   10.1.NO {
     wrapItemAndSub = <li>|</li>
     ATagParams =
   }
   10.1.CUR {
     linkWrap = <strong>|</strong>
     wrapItemAndSub = <li>|</li>
     ATagParams =
     doNotLinkIt = 1
   }
   10.1.ACTIFSUB < 10.1.NO
   10.1.ACTIFSUB {
     wrapItemAndSub = <li>|</li>
     ATagParams = class="active"
   }
   10.2 = TMENU
   10.2 {
     noBlur = 1
     CUR = 1
   }
   10.2.NO {
     linkWrap = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>
     ATagParams =
   }
   10.2.CUR < 10.2.NO
   10.2.CUR {
     linkWrap = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>
     stdWrap.innerWrap = <strong>|</strong>
     doNotLinkIt = 1
   }
   10.2.wrap = <ul class="sub">|</ul>
   10.wrap = <ul id="vnav">|</ul>
}
```

Mein CSS Teil:

```css
/* Navigation */

#vnav{
	list-style:none;
	padding: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
}


#vnav ul{
	list-style: none;
	border:0;
	background: white;
	margin:0;
	padding: 0px 0px 0px 5px;


}

#vnav ul li{ 

	padding-left: 3px;
}


#vnav ul li.first{}

#vnav ul li a{
	border-bottom:1px solid white;
	background: #E0E0E0;
	padding: 6px 0px 3px 5px;

	
}

#vnav li{
	margin:0;
        color: #E7EFF6;
}

#vnav li a,#vnav li strong{
	padding-left: 0.5em;
	padding-right: 2em;
	text-decoration:none;
	display:block;

}

#vnav li a{
        border-bottom:1px solid #C0C0C0;
        border-right: 6px solid #C0C0C0;
        color: #FD1613;
        background: #e9e7e2;
	padding-top:6;
	padding-right:0;


}

#vnav li a.active{
        border-bottom:1px solid #C0C0C0;
        border-right: 6px solid #C0C0C0;
        color: #E7EFF6;
         background:#4883BA;


}

#vnav li strong{
	color: #fd1613;
	background: white;
        border-bottom:1px solid #C0C0C0;
        border-right: 6px solid #C0C0C0;

	
}

#vnav li a:visited{
	color:#143820;
	background:#e9e9e9;
}

#vnav ul li a:visited {
	background: #E0E0E0;

}


html>body #vnav strong,html>body #vnav li a,html>body #vnav ul{
}



#vnav li a:hover{
	border-bottom:1px solid whitesmoke;
	border-right: 6px solid whitesmoke;
	color: #fd1613;
	background: #FFFFFF;
}

#vnav ul li a:hover{
	border-bottom:1px solid whitesmoke;
	border-right: 6px solid whitesmoke;
	color: #fd1613;
	background: #FFFFFF;
}
```

man gab mir den Tipp, die wrapps umzustellen:

> Hmm weiss zwar nicht genau, was du meinst, aber ein Vorschlag noch zum Quellcode (vielleicht erübrigt sich dann auch deine Frage)
>
> Dein Quellcode:
> <li><a href="Feingebaeckherstellung.8.0.html">Feingeb&auml;ckherstellung</a></li>
>
> <li>
>         <a href="Broetchenanlagen.7.0.html" class="active">Br&ouml;tchenanlagen</a>
>
> <ul class="sub">
>           <li class="first"><strong>Artisan</strong></li>
>
> Beeser wäre die Schachtelung:
>
> <li><a ...>Dein Text Ebene 1</a></li>
> <li>
>   <ul>
>      <li><a...>Dein Text Ebene 2</a></li>
>   </ul>
> </li>
>
> Dann kann man auch den Fluss besser steuern und auch besser formatiert ausgeben. Zur zeit sieht man nicht, wo die zweite Ebene beginnt.

Aber da bin ich total verwirrt. Mittlerweile sehe ich nur noch wraps und Klammern. Meine Kollegen müssen ihre Anfragen  auf das Einfachste reduzieren, sonst ...

Kann mir da jemand mal unter die Arme greifen?[/quote]

## Antworten

### [#2](https://www.typo3.net/d/15902-ul-li-menue-verbessern/2) · Dreadhead · 2004-09-16

hmm, ich find auf deiner seite nicht mal ein menü.
rechts ist nur Kontakt, Impressum, Sitemap.
oben heißt es : www.lippelt-back.com → Brötchenanlagen
aber wo ist das Menü zum anklicken?
Selbst wenn ich auf die Startseite gehe, da komm ich ja gar nicht weg, auser ich klick auf die Sitemap.*verwirrtbin*
Würde dir ja gerne helfen, aber wie gesagt, ich find dein Menü nicht.
Sorry,

greetz
Dreadhead

### [#3](https://www.typo3.net/d/15902-ul-li-menue-verbessern/3) · denny · 2004-09-16

hi,

das mag daran liegen, das ich wie blöd die Navi auswechsle und kucke, was geht, was nicht.

Aber, ich habe die angepasste Version hier laufen:

<http://www.lippelt-back.com>

Typo3script ist gleich geblieben, nur am CSS habe ich noch was angepassst, aber der crux ist hier glaube ich das Typo Script. Die wraps müssten geändert werden.

cu

### [#4](https://www.typo3.net/d/15902-ul-li-menue-verbessern/4) · mstuebner · 2004-09-16

> **denny schrieb:**
>
> hi,
>
> das mag daran liegen, das ich wie blöd die Navi auswechsle und kucke, was geht, was nicht.
>
> Aber, ich habe die angepasste Version hier laufen:
>
> <http://www.lippelt-back.com>

Ich find die Navigation hier garnicht so schlecht. Nur würde ich den Seitenpfad oben auffälliger darstellen, denn so wie er ist geht er unter und hilft garnicht mehr.

### [#5](https://www.typo3.net/d/15902-ul-li-menue-verbessern/5) · denny · 2004-09-16

hi,

nee, es passt nicht wirklich, da ich nicht die Einzlenen Elemente greifen kann. Wenn du dich in der dritten Ebene befindest, siehst du in der Navi nicht, wo du bist. Denn in der Navi gibt es nur zwei.

---

Quelle: „<ul> <li> Menü verbessern“, typo3.net, https://www.typo3.net/d/15902-ul-li-menue-verbessern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.