---
title: "Baum-Menü"
url: "https://www.typo3.net/d/35455-baum-menue"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2005-12-28"
last_reply: "2005-12-29"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Baum-Menü

TYPO3 › Menüs · 1 Antwort · gestartet 2005-12-28

## Eröffnungsbeitrag

**greendivision** · 2005-12-28 · [Beitrag #1](https://www.typo3.net/d/35455-baum-menue/1)

Hallo, bin schon total am verzweifeln. Probier schon ewig rum. Kriegs aber nicht hin. Ich brauche eine Menü, das so aussieht:
[Bild: die-lobby.de/…/navi.jpg](http://www.die-lobby.de/kunden/bilder/navi.jpg)
Mein Ansatz war bisher so. Das ist dann schon ähnlich, aber noch nicht zufriedenstellend. Das sieht dann so aus:

[Bild: die-lobby.de/…/navi_wrong.jpg](http://www.die-lobby.de/kunden/bilder/navi_wrong.jpg)

```typoscript
                LEFT_NAV = HMENU
                LEFT_NAV {
                    entryLevel = 2
                    1 = TMENU
                    1.NO=1
                    1 {
                        expAll = 0
                        collapse = 0
                        NO.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav1padNoSub">|</td></tr></table>
                        NO.ATagParams = class = leftNav1
                      
                        IFSUB < .NO
                        IFSUB = 1
                        IFSUB.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav1pad"><img src="fileadmin/images/css_images/leftnav_plus.gif" alt="" /> |</td></tr></table>

                        ACT < .NO
                        ACT = 1
                        ACT.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav1pad"><td><img src="fileadmin/images/buttons/leftnav_arrow.gif" alt="" /></td><td>|</td></tr></table>
                        ACT.ATagParams = class = leftNav1On
                        //ACT.beforeImg=fileadmin/images/buttons/leftnav_arrow.gif

                        ACTIFSUB < .NO
                        ACTIFSUB = 1
                        ACTIFSUB.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav1pad"><img src="fileadmin/images/css_images/leftnav_minus.gif" alt="" />|</td></tr></table>

                    }
                    2 = TMENU
                    2.NO=1
                    2 {
                        expAll = 0
                        collapse = 0
                        NO.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav2pad">|</td></tr></table>
                        NO.ATagParams = class = leftNav2

                        ACT < .NO
                        ACT = 1
                        ACT.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav2pad"><img src="fileadmin/images/buttons/leftnav_arrow.gif" alt="" />|</td></tr></table>
                      
                        ACTIFSUB < .NO
                        ACTIFSUB = 1
                        ACTIFSUB.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav2pad"><img src="fileadmin/images/css_images/leftnav_minus.gif" alt="" />|</td></tr></table>
                      
                        IFSUB < .NO
                        IFSUB = 1
                        IFSUB.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav2pad"><img src="fileadmin/images/css_images/leftnav_plus.gif" alt="" /> |</td></tr></table>
                     
                    }
                    3 = TMENU
                    3.NO=1
                    3 {
                        expAll = 0
                        collapse = 0
                        NO.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad">|</td></tr></table>
                        NO.ATagParams = class = leftNav2

                        ACT < .NO
                        ACT = 1
                        ACT.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad"><img src="fileadmin/images/buttons/leftnav_arrow.gif" alt="" />|</td></tr></table>
                      
                        ACTIFSUB < .NO
                        ACTIFSUB = 1
                        ACTIFSUB.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad"><img src="fileadmin/images/css_images/leftnav_minus.gif" alt="" />|</td></tr></table>
                      
                        IFSUB < .NO
                        IFSUB = 1
                        IFSUB.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad"><img src="fileadmin/images/css_images/leftnav_plus.gif" alt="" /> |</td></tr></table>
                     
                    }
                    4 = TMENU
                    4.NO=1
                    4 {
                        expAll = 0
                        collapse = 0
                        NO.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad">|</td></tr></table>
                        NO.ATagParams = class = leftNav2

                        ACT < .NO
                        ACT = 1
                        ACT.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad"><img src="fileadmin/images/buttons/leftnav_arrow.gif" alt="" />|</td></tr></table>
                      
                        ACTIFSUB < .NO
                        ACTIFSUB = 1
                        ACTIFSUB.allWrap = <table style="background-image:url(fileadmin/images/bgs/leftnav_bkg_on.jpg)" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad"><img src="fileadmin/images/css_images/leftnav_minus.gif" alt="" />|</td></tr></table>
                      
                        IFSUB < .NO
                        IFSUB = 1
                        IFSUB.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="leftNav3pad"><img src="fileadmin/images/css_images/leftnav_plus.gif" alt="" /> |</td></tr></table>
                     
                    }
                }
```

Es soll halt immer der ganze Block des aktiven Menüs heller unterlegt sein und nur das Element, das auch wirklich gerade aktiv ist.
Vielleicht kann mir ja wer helfen

## Antworten

### [#2](https://www.typo3.net/d/35455-baum-menue/2) · -br3ak- · 2005-12-29

Wow, das sieht ja extrem cool aus :)

Ich wollte das Menü nachvollziehen (bei meiner Installation), jedoch bin ich da auf keinen grünen Zweig gekommen :(

---

Quelle: „Baum-Menü“, typo3.net, https://www.typo3.net/d/35455-baum-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
