---
title: "3 Menüs"
url: "https://www.typo3.net/d/72977-3-menues"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2008-01-28"
last_reply: "2008-01-31"
replies: 12
solved: false
page: 1
pages: 1
lang: "de"
---

# 3 Menüs

TYPO3 › Menüs · 12 Antworten · gestartet 2008-01-28

## Eröffnungsbeitrag

**boki_s78** · 2008-01-28 · [Beitrag #1](https://www.typo3.net/d/72977-3-menues/1)

Hallo Leute!
Bin anfänger in Typo3 und versuche 3 vertikale Menus zu erstellen. Im Firefox funzt alles problemlos und im I.E. 06+ zeigt nur das erste menu mit submenus und das zweite und dritte ist angezeigt, aber die Submenus funktionieren im I.E. nicht.

Menu1(sysordner)
link
link
-sublink (Firefox und I.E OK!)
-sublink (Firefox und I.E OK!)

Menu2(sysornder)
link
link
-sublink (Firefox OK, IE. Nicht sichtbar)
-sublink (Firefox OK, IE. Nicht sichtbar)

TS:

# Default PAGE object:
page = PAGE
page.stylesheet = uploads/tf/css.css
page.headerData = COA
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="uploads/tf/menu.js"></script>

page.10 = TEMPLATE
page.10.workOnSubpart = DOCUMENT_BODY
page.10.template = FILE
page.10.template.file = Index_03.html

page.10.subparts.CONTENT_MAIN < styles.content.get
page.10.subparts.MENU1 < styles.content.get
page.10.subparts.MENU1 = COA
page.10.subparts.MENU1.10 = HTML
page.10.subparts.MENU1.20 = HMENU
page.10.subparts.MENU1.20 {
	special = directory
	special.value = 246
	wrap = <ul> | </ul>
	1 = TMENU
	1.NO.linkWrap = <li> | </li>

}

#das menu ist sichtbar in ie und firefox
page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
	special = directory
	wrap = <h1>Light Commercial</h1>
	special.value = 245
	entryLevel = 0
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB

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

3 < .2
	4 < .2
}

#submenus in ie nicht sichtbar
page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
	special = directory
	wrap = <h1>Gewerblich</h1>
	special.value = 172
	entryLevel = 0
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB

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

3 < .2
	4 < .2
}

#submenus in ie nicht sichtbar
page.10.subparts.MENU4 = HMENU
page.10.subparts.MENU4 {
	special = directory
	wrap = <h1>Light Commercial</h1>
	special.value = 185
	entryLevel = 0
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB

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

3 < .2
	4 < .2
}

Weiss echt nicht wo das Problem ist.
Danke im vorraus!

## Antworten

### [#2](https://www.typo3.net/d/72977-3-menues/2) · brink · 2008-01-28

Hallo,

kann man das auch Live sehen. Ich Tip mal auf einen Fehler im CSS Stylesheet.

Gruss
Joachim Brink

### [#3](https://www.typo3.net/d/72977-3-menues/3) · boki_s78 · 2008-01-29

Mal ne andere Frage, funktioniert Javascript wenn man die verknüpfung in Quelentext sieht? Will wissen ob meine verknüpfung richtig ist..... denke die ist falsh weil wenn ich die auskommentiere funktioniert sie für Firefox immernoch.

In I.E. Quelentext:

<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!--
	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at <http://typo3.com/> and <http://typo3.org/>
-->

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_eaf88a6e6c.css" />
	<link rel="stylesheet" type="text/css" href="uploads/tf/tadiair.css" />
**<script type="text/javascript" src="uploads/tf/menu.js"></script>**
	<title>Tadiair</title>
	<meta name="generator" content="TYPO3 4.1 CMS" />
	<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>

</head>

Mein menu.js:

// JavaScript Document
function IEHoverPseudo() {

	var navItems = document.getElementById("nav").getElementsByTagName("li");

	for (var i=0; i<navItems.length; i++) {
		if(navItems[​i].className == "menuparent") {
			navItems[​i].onmouseover=function() { this.className += " over"; }
			navItems[​i].onmouseout=function() { this.className = "menuparent"; }
		}
	}

}
window.onload = IEHoverPseudo;

Mein TS für javascript:
# Default PAGE object:
page = PAGE
page.stylesheet = uploads/tf/tadiair.css

page.headerData = COA
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="uploads/tf/menu.js"></script>

### [#4](https://www.typo3.net/d/72977-3-menues/4) · boki_s78 · 2008-01-29

Habe es gerade offline getestet ob es javascript annimt.
In I.E.:

Menu1(sysordner)
link (sichtbar OK!)
link (sichtbar OK!)
-sublink (Firefox und I.E OK!)
-sublink (Firefox und I.E OK!)

Menu2(sysornder)
link  (sichtbar OK!)
link  (sichtbar OK!)
-sublink (Firefox OK, IE. Nicht sichtbar)
-sublink (Firefox OK, IE. Nicht sichtbar)

Menu3(sysornder)
link  (sichtbar OK!)
link  (sichtbar OK!)
-sublink (Firefox OK, IE. Nicht sichtbar)
-sublink (Firefox OK, IE. Nicht sichtbar)

Also, ich denke daß es nur für das erste menu das javascript annimt und nicht für die weitere Menüs. Javascript funzt in I.E. garnicht bei auskommentieren. Also der path is okay!

### [#5](https://www.typo3.net/d/72977-3-menues/5) · boki_s78 · 2008-01-29

Kann mir wenigstens jemand helfen wie ich <h1> in einem menu erstelle?

Menu1(sysordner)
link
link
-sublink
-sublink
**<h1>menu2</h1>** (wie bekomme ich sowas?)
link
link
-sublink
-sublink
**<h1>menu3</h1>**(wie bekomme ich sowas?)
link
link
-sublink
-sublink

### [#6](https://www.typo3.net/d/72977-3-menues/6) · SLAng · 2008-01-29

Du solltest die Doku lesen:
<http://www.mittwald.de/dokumentation/>

Ansonsten teil dein Menü auf und versieh jedes mit dem entsprechenden wrap, oder binde es in ein COA ein.

### [#7](https://www.typo3.net/d/72977-3-menues/7) · boki_s78 · 2008-01-30

Erstmal DANKE für deine Antwort!Gelesen habe ich es schon, ich blicke es nicht warum mein zweites Menu nicht in I.E. funzt.

Die zwei sind doch gleich! wieso funzt nur einer in i.e!?!?!? bin echt am verzweifeln!javascript:emoticon('#angry#')
javascript:emoticon('#angry#')

#funktioniert!
page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
	special = directory
	wrap = <h1>Navigation</h1>
	special.value = 245
	entryLevel = 0
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB

}
	2 < .1
	2.wrap = <ul>|</ul>
	}
#funktioniert submenu nicht!
page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
	special = directory
	wrap = <h1>Gewerblich</h1>
	special.value = 172
	entryLevel = 0
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB

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

In dem Doku habe ich leider keine Beispiele gesehen. Bitte um hilfe
Ein Beispiel währe mir sehr hilfreich! Oder das mit Wrap oder COA. Werde noch weiter lesen. Mir gehts halt um ein Menü mit Submenus und Überschrifte die diese menüs trennen.

### [#8](https://www.typo3.net/d/72977-3-menues/8) · boki_s78 · 2008-01-30

Hier noch ein bild von der Struktur.

[Bild: img207.imageshack.us/…/webra8.th.jpg](http://img207.imageshack.us/my.php?image=webra8.jpg)

### [#9](https://www.typo3.net/d/72977-3-menues/9) · SLAng · 2008-01-30

EntryLevel und special = directory funktionieren zusammen nicht, machen aber auch gemeinsam gar keinen Sinn.
In beiden HMENUS fehlt die Pipe (|) in dem wrap.
NO braucht nicht aktiviert zu werden.

Bitte verwende in Zukunft den TypoScript-BB-Code wenn du TS postest. Das ist wesentlich übersichtlicher.

Vielleicht mal so versuchen:

```typoscript
page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
	special = directory
	special.value = 245
	wrap = <h1>Navigation</h1>|

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO.wrapItemAndSub = <li>|</li>

		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB

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


page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
	special = directory
	special.value = 172
	wrap = <h1>Gewerblich</h1>|

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO.wrapItemAndSub = <li>|</li>
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1
	2.wrap = <ul>|</ul>
}
```

### [#10](https://www.typo3.net/d/72977-3-menues/10) · boki_s78 · 2008-01-30

Vielen DANK SLAng aber es funzt auch nicht.
www.tadiair.de
Hier nochmal ganz TS:

```typoscript
# Default PAGE object:
page = PAGE
page.stylesheet = uploads/tf/tadiair.css


page.headerData = COA
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="uploads/tf/menu.js"></script> 


page.10 = TEMPLATE
page.10.workOnSubpart = DOCUMENT_BODY
page.10.template = FILE
page.10.template.file = Index_03.html

page.10.subparts.CONTENT_MAIN < styles.content.get
page.10.subparts.MENU1 < styles.content.get
page.10.subparts.MENU1 = COA
page.10.subparts.MENU1.10 = HTML
page.10.subparts.MENU1.20 = HMENU
page.10.subparts.MENU1.20 {
	special = directory
	special.value = 246
	1 = TMENU
	wrap = <ul> | </ul>
	#1.NO.ATagParams = <li> | </li>
	1.NO.linkWrap = <li> | </li>
	1.NO.linkWrap = &nbsp;|&nbsp;&#124; |*|
	&nbsp;|&nbsp;&#124; |*| &nbsp;
	}

page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
	special = directory
	special.value = 245
        wrap = <h1>Navigation</h1>|
        1 = TMENU
	1 {
        expAll = 1
        wrap = <ul id="nav">|</ul>
        noBlur = 1
        NO.wrapItemAndSub = <li>|</li>
        IFSUB = 1
        IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
        ACTIFSUB < .IFSUB  
        }  
              2 < .1
              2.wrap = <ul>|</ul>
      }


page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
              special = directory
              special.value = 172
              wrap = <h1>Gewerblich</h1>|
      
              1 = TMENU

              1 {
                      expAll = 1
                      wrap = <ul id="nav">|</ul>
                      noBlur = 1
                      NO.wrapItemAndSub = <li>|</li>
                      IFSUB = 1
                      IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
                      ACTIFSUB < .IFSUB
              }
              2 < .1
              2.wrap = <ul>|</ul>
} 


page.10.subparts.MENU4 = HMENU
page.10.subparts.MENU4 {
              special = directory
              special.value = 185
              wrap = <h1>Light Commercial</h1>|
      
              1 = TMENU

              1 {
                      expAll = 1
                      wrap = <ul id="nav">|</ul>
                      noBlur = 1
                      NO.wrapItemAndSub = <li>|</li>
                      IFSUB = 1
                      IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
                      ACTIFSUB < .IFSUB
              }
              2 < .1
              2.wrap = <ul>|</ul>
}
```

www.tadiair.de ich lass es online für paar stunden, hoffe mein boss killt mich nicht!

### [#11](https://www.typo3.net/d/72977-3-menues/11) · SLAng · 2008-01-30

OK, jetzt hab ich es auch verstanden.

Was ich allerdings nicht verstehe, ist warum du das so kompliziert löst.

Warum nimmst du für die Überschriften nicht einfach einen Neue Seite im Baum, da wo du sie benötigst. Den Seitentyp stellst du auf "Abstand", oder wie es nun heißt "Visuelles Trennzeichen für Menü". Titel angeben... zum Beispiel "Navigation".

Dann Aktivierst du in deinem TS im NO der ersten Ebene also 1.NO das SPC. Das ganze entsprechend Wrappen und fertig.

Im ganzen etwa dann so:

```typoscript
page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
        special = directory
        special.value = 245
        wrap = |

        1 = TMENU
        1 {
                expAll = 1
                wrap = <ul id="nav">|</ul>
                noBlur = 1
                NO.wrapItemAndSub = <li>|</li>

                IFSUB = 1
                IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
                ACTIFSUB < .IFSUB

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

Ob das mit deinem special.value noch nötig ist musst du dann mal schauen...
Also so würd eich es wahrscheinlich machen.
Auf jedenfall benötigst du dann nur ein Menü. Und vielleicht wird dann auch die subnavi in allen Browsern angezeigt.

### [#12](https://www.typo3.net/d/72977-3-menues/12) · boki_s78 · 2008-01-31

SLAng! man! du bist der beste! hast mir echt das leben geretet! vielen herzlichen dank! ich habe es zuerst mit einem menü versucht und auch mit dem "abstand" aber dann habe ich es mit dem spacer in typoscript nicht geblickt und dachte ich mache drei menüs anstatt einen. typisch anfänger! lol oh man....werde es noch posten wenn es vertig ist. danke nochmals!

### [#13](https://www.typo3.net/d/72977-3-menues/13) · SLAng · 2008-01-31

Bitte ;-)

Viele Wege führen nach Rom.

---

Quelle: „3 Menüs“, typo3.net, https://www.typo3.net/d/72977-3-menues
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.