---
title: "3-Stufiges Menü mit Templavoila?"
url: "https://www.typo3.net/d/89001-3-stufiges-menue-mit-templavoila"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","Templates & Layouts"]
created: "2009-04-20"
last_reply: "2009-04-22"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# 3-Stufiges Menü mit Templavoila?

TYPO3 › Menüs · 2 Antworten · gestartet 2009-04-20

## Eröffnungsbeitrag

**jschuhma** · 2009-04-20 · [Beitrag #1](https://www.typo3.net/d/89001-3-stufiges-menue-mit-templavoila/1)

Hallo miteinander,

ich versuche gerade diese Seite: <http://janschuhmacher.info/temp/menu/index.htm> in typo3 zu integrieren.
Ich versuche es mit TemplaVoila hinzubekommen, das würde soweit auch gut funktionieren, wenn ich nicht ein 3-stufiges Menü hätte.

Ich schaffe es nicht, TemplaVoila zu sagen, was die Untermenüs sind. Es setzt automatisch für alle Punkte das gleiche Untermenü :(

hier mal der Code meines Menüs

```html
<div id="navibereich">
   <ul id="ebene01">
      <li id="navi01"><a href="index.html"><strong>Home</strong></a></li>
      <li id="navi02"><a href="#"><strong>Technik</strong></a>
         <ul class="ebene02">
            <li id="navi0201"><a href="#">Kamera</a>
               <ul class="ebene0201">
                  <li id="nav020101"><a href="#">Funktionsweise</a></li>
                  <li id="nav020102"><a href="#">Kameratypen</a></li>
               </ul>
            </li>   
            <li id="navi0202"><a href="#">Objektiv</a>
               <ul class="ebene0202">
                  <li id="nav020201"><a href="#">Funktionsweise</a></li>
                  <li id="nav020202"><a href="#">Kameratypen</a></li>
               </ul>
            </li>   
            <li id="navi0203"><a href="#">Sonstiges Equipment</a>
               <ul class="ebene0203">
                  <li id="nav020301"><a href="#">Blitz</a></li>
                  <li id="nav020302"><a href="#">Stativ</a></li>
                  <li id="nav020303"><a href="#">Filter</a></li>
                  <li id="nav020304"><a href="#">Streulichtblenden</a></li>
               </ul>
            </li>
            <li id="navi0204"><a href="#">Kaufberatung</a></li>
            <li id="navi0205"><a href="#">Geschichte</a></li>
         </ul>
      </li>
         
      <li id="navi03"><a href="#"><strong>Bildgestaltung</strong></a>
         <ul class="ebene02">
            <li id="navi0301"><a href="#">Grafische Grundlagen</a>
               <ul class="ebene0301">
                  <li id="nav030101"><a href="#">Blickrichtung</a></li>
                  <li id="nav030102"><a href="#">Gestaltungselemente</a></li>
                  <li id="nav030103"><a href="#">Bildaufteilung</a></li>
                  <li id="nav030104"><a href="#">Bildstil</a></li>
                  <li id="nav030105"><a href="#">Farbgestaltung</a></li>
               </ul>
            </li>   
            <li id="navi0302"><a href="#">Licht</a>
               <ul class="ebene0302">
                  <li id="nav030201"><a href="#">Was ist Licht?</a></li>
                  <li id="nav030202"><a href="#">Lichtarten</a></li>
                  <li id="nav030203"><a href="#">Lichtkontrolle</a></li>
                  <li id="nav030204"><a href="#">Lichtgestaltung</a></li>
               </ul>
            </li>
         </ul>
      </li>
      <li id="navi04"><a href="#"><strong>Bildnachbearbeitung</strong></a>
         <ul class="ebene02">
            <li id="navi0401"><a href="#">Basics</a>
               <ul class="ebene0401">
                  <li id="nav040101"><a href="#">Freistellen &amp; Drehen</a></li>
                  <li id="nav040102"><a href="#">Tonwertkorrektur</a></li>
                  <li id="nav040103"><a href="#">Abwedeln/Nachbelichten</a></li>
                  <li id="nav040104"><a href="#">Staub &amp; Störungen</a></li>
                  <li id="nav040105"><a href="#">Scharfzeichnen</a></li>
                  <li id="nav040106"><a href="#">Weichzeichnen</a></li>
                  <li id="nav040107"><a href="#">Bildgröße &amp; Verzerren</a></li>
                  <li id="nav040108"><a href="#">Farbbalance</a></li>
                  <li id="nav040109"><a href="#">Farbkorrektur</a></li>
                  <li id="nav0401010"><a href="#">Graditionskurve</a></li>
               </ul>
            </li>   
            <li id="navi0402"><a href="#">Software</a>
               <ul class="ebene0402">
                  <li id="nav040201"><a href="#">Photoshop</a></li>
                  <li id="nav040202"><a href="#">Lightroom</a></li>
                  <li id="nav040203"><a href="#">Aperture</a></li>
                  <li id="nav040204"><a href="#">Sonstige</a></li>
               </ul>
            </li>   
            <li id="navi0403"><a href="#">Archivierung</a>
               <ul class="ebene0403">
                  <li id="nav040301"><a href="#">Datentiefe &amp; Farbe</a></li>
                  <li id="nav040302"><a href="#">Dateiformat</a></li>
               </ul>
            </li>
         </ul>
      </li>
      <li id="navi05"><a href="#"><strong>Praxis</strong></a>
         <ul class="ebene02">
            <li id="navi0501"><a href="#">Inspiration</a></li>   
            <li id="navi0502"><a href="#">Workshop</a>
               <ul class="ebene0502">
                  <li id="nav050201"><a href="#">Licht</a></li>
                  <li id="nav050202"><a href="#">Schwarz/Weiß</a></li>
                  <li id="nav050203"><a href="#">HDR</a></li>
                  <li id="nav050204"><a href="#">Makro</a></li>
                  <li id="nav050205"><a href="#">Landschaft/Panorama</a></li>
                  <li id="nav050206"><a href="#">Nacht</a></li>
                  <li id="nav050207"><a href="#">Portrait</a></li>
               </ul>
            </li>   
      	</ul>      
      </li>
      <li id="navi06"><a href="#"><strong>Hochschule</strong></a>
         <ul class="ebene02">
            <li id="navi0601"><a href="#">Skripte</a></li>   
            <li id="navi0602"><a href="#">Studentische Arbeiten</a></li>   
      	</ul> 
      </li>
      
      <li id="navi07"><a href="#"><strong>Glossar</strong></a></li>
   </ul>
</div> <!-- Ende navibereich -->
```

Hat jemand nen Tip wie ich das am besten angehn könnte?
Vielen Dank im Voraus,

grüße Jan

## Antworten

### [#2](https://www.typo3.net/d/89001-3-stufiges-menue-mit-templavoila/2) · Unbekannter Benutzer · 2009-04-22

Ich verstehe das Problem gar nicht. Du mappst das DIV einfach als Typoscript Objekt und baust dir dein 3-stufiges Menü mit TS.

### [#3](https://www.typo3.net/d/89001-3-stufiges-menue-mit-templavoila/3) · jschuhma · 2009-04-22

mein "Problem" liegt da, dass ich dachte, mit TemplaVoila erkennt er automatisch die Menü-Struktur sodass das sehr aufwendige TS schreiben entfällt bzw. zumindest stark an Aufwand verliert... dachte ich zumindest ;)

Daher meine Frage warum TV nur die erste Menüebene erkennt, und nicht das ganze Menü korrekt in TS umsetzt...

---

Quelle: „3-Stufiges Menü mit Templavoila?“, typo3.net, https://www.typo3.net/d/89001-3-stufiges-menue-mit-templavoila
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.