---
title: "Horizontales Menü und Templa Voila"
url: "https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila"
source: "typo3.net"
tags: ["Archiv","TemplaVoilà","Frage"]
created: "2007-05-10"
last_reply: "2008-01-30"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Horizontales Menü und Templa Voila

Archiv › TemplaVoilà · 6 Antworten · gestartet 2007-05-10

## Eröffnungsbeitrag

**16V-Schrauber** · 2007-05-10 · [Beitrag #1](https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila/1)

Hallo

Habe dieses Menü <http://www.just2b.com/mein-typo3/css-ts-menues/horizontales-dropdown-menue.html> in meine Seite implementiert.

Leider funktioniert das bei mir nicht so richtig...

Kann mir jemand helfen? Wie binde ich das in Templa richtig ein?

MfG Micha

## Antworten

### [#2](https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila/2) · 16V-Schrauber · 2007-05-10

Hier mein NAVI Setup

```typoscript
lib.MainMenu = HMENU
lib.MainMenu {
	special = directory
	special.value = 6
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul class="menu">|</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
}
```

Hier ein Auszug aus meinem Template

```html
<body>
<div id="contentbody">
<div id="bannermitte"></div>
<div id="navi">
<ul class="menu">
<li class="menuparent"></li>
</ul>
</div>
<div id="rootline"></div>
<div id="content"></div>
</body
```

Hier das Javascript

```javascript
sfHover = function() {
	var sfEls = document.getElementById("navi").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
```

und hier meine menü css

> /* Menu */
> #navi, #navi ul {
> 	float: left;
> 	width: 825px;
> 	height: 20px;
> 	list-style: none;
> 	line-height: 1em;
> 	background: #307fde;
> 	color: #000;
> 	font-weight: bold;
> 	padding: 0;
> 	border: solid #eda;
> 	border-width: 1px 0;
> 	margin: 0 0 1em 0;
> }
>
> #navi a {
> 	display: block;
> 	width: 10em;
> 	color: #7C6240;
>
> 	text-decoration: none;
> 	padding: 0.25em 0em;
> }
>
> #navi a.menuparent  {
> 	background: url(arrow.gif) no-repeat 90% 40%;
> }
>
> #navi li {
> 	float: left;
> 	padding: 0;
> 	width: 10em;
> }
>
> #navi li ul {
> 	position: absolute;
> 	left: -999em;
> 	height: auto;
> 	width: 14em;
> 	font-weight: normal;
> 	border-width: 0.25em;
> 	margin: 0;
>
> }
>
> #navi li li {
>
> 	width: 14em
> }
>
> #navi li ul a {
> 	width: 14em;
> 	padding-left: 1em;
> }
>
> #navi li ul ul {
> 	margin: -1.75em 0 0 14em;
> }
>
> #navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
> 	left: -999em;
> }
>
> #navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
> 	left: auto;
> }
>
> #navi li:hover, #navi li.sfhover {
> 	background: #eda;
> 	color: white;
> }

Was ist hier falsch? Wieso kommt das Menü nicht?

Kann mir jemand helfen?

MfG Micha

### [#3](https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila/3) · just2b · 2007-05-10

> **16V-Schrauber schrieb:**
>
> Leider funktioniert das bei mir nicht so richtig...

tolle fehlerbeschreibung.
das funktioniert bei mir nicht so richtig ....

georg

### [#4](https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila/4) · 16V-Schrauber · 2007-05-10

Hi

Hatte Dir ne Nachricht per Mail geschrieben.

hier ist due Seite: www.michael-arlt.info

Leider läst sich das Menü nicht aufklappen bzw erscheint erst gar nicht.

Und ich find den Fehler nicht.

MfG Micha

### [#5](https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila/5) · just2b · 2007-05-10

gibts denn unterseiten bei der seite 6? lass mal zeile 3-4 raus

georg

### [#6](https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila/6) · 16V-Schrauber · 2007-05-10

Habe Fehler gefunden! Danke trotzdem!

MfG Micha

### [#7](https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila/7) · duff · 2008-01-30

Habe gerade das gleiche Problem? Weisst du die Lösung noch?

Cheers,
David

---

Quelle: „Horizontales Menü und Templa Voila“, typo3.net, https://www.typo3.net/d/62303-horizontales-menue-und-templa-voila
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.