Zum Inhalt springen

horizontales Menü: Subnavi wird mitten in der Mainnavi angezeigt

Erstellt am 28. Oktober 2009 · 1 Antwort · letzte Antwort am 28. Oktober 2009

Tags: HTML & CSS, Frage

lilaluzi ·

Ich mache gerade meine ersten Schritte in Typo3 und hab mir gleich zum Anfang wohl eine etwas schwerere Navi ausgesucht.

Das ganze ist horizontal mit einer optionalen zweiten Ebene.
Main1 | Main2 | Main3
Sub2.1 | Sub2.2 | Sub2.3

Es soll als TMENU laufen und wird per CSS gestylt. JS-Lösungen würde ich gern vermeidem. Ich verwende folgendes Typoscript:

10.marks{
NAVI = HMENU
		NAVI{
			special = directory
			special.value = 5
			entryLevel = 1
			1 = TMENU
			1{
				wrap = <div id="main-navi">|</div>
				NO {
   					text.field = title
				}
 				ACT < .NO
 				ACT = 1
 				ACT {
   					ATagParams = class="active"
				}
			}
			2 = TMENU
			2{
				wrap = <div id="sub-navi">|</div>
 				NO {
   					text.field = title
 				}
 				ACT < .NO
 				ACT = 1
 				ACT {
   					ATagParams = class="active"
 				}
			}
		}
}

Das Problem ist, dass nun das Submenü zwischen mein Mainmenü geladen wird:
Main 1 | Main 2
Sub2.1 | Sub2.2 | Sub2.3
Main3

Meine zweite Idee war dann, dass ganze zu trennen. Dabei ist das Problem, dass ich es nicht hinbekomme das passende Submenü zum aktiven Mainmenue aufzurufen. Ich habe es mit dem Beispiel hier probiert:
#93391

Ich denke das Problem ist, dass meine Seitenstruktur etwas verschachtelt ist und das Beispiel deswegen nicht funktioniert:
root
--homepage
--mainnavi
---Main1
---Main2
----Sub2.1
----Sub2.2
----Sub2.3
---Main3
--bottomnavi
---punkt1
---punkt2

Ich bitte euch um anfängerverständliche Tipps und schick schonmal ein großes Danke im voraus.

-----------------------------------------------------------
Edit:
Damit geht es:

# Textmenue
		NAVI = HMENU
		NAVI{
			special = directory
			special.value = 5
			1 = TMENU
			1{
				wrap = <div id="main-navi">|</div>
				NO {
   					text.field = title
				}
				ACT < .NO
 				ACT = 1
 				ACT {
   					ATagParams = class="active"
 				}
		        	
		        }
		}

		SUBNAVI = HMENU
		SUBNAVI{
			entryLevel = 2
			1 = TMENU
			1{
				wrap = <div id="sub-navi">|</div>
				NO {
   					text.field = title
				}
				ACT < .NO
 				ACT = 1
 				ACT {
   					ATagParams = class="active"
 				}
		        	
		        }
		}
etux ·

Deine Navi brauchst Du nicht zu trennen. Was Du brauchst ist eine horizontale Navi mit Dropline als zweite Ebene. Alles nur CSS-Formatierung. Sicher findest Du was passendes im Netz. Oder Du fängst mit der Umsetzung an, postest dazu den Link und wir helfen, wenn nötig. 😃