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
<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 & 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 & 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 & 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 & 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