[TYPO3-german] Horizontales Hauptmenu mit vertikalem Submenu

csender-typo3 at gmx.net csender-typo3 at gmx.net
Tue Apr 4 17:22:12 CEST 2006


Vielen Dank Euch Dreien für die prompte Hilfe!
Genauso einfach wie von Euch geschildert geht's.

Markus, "verrissen" war's deshalb, weil TS den Block mit dem Submenü (<div
id="subnav">) bei der Variante mit nur einem HMENU genau hinter den aktiven
Menüpunkt im Hauptmenü setzt (also bei mir hinter das <li>-Element) und
somit der gesamte Submenü-Block innerhalb des <div>-Tags vom Hauptmenü
landet und nicht dahinter. Meine ganze CSS-Formatierung kann damit natürlich
nicht klar kommen.

Schönen Gruss,
Christian.


> --- Ursprüngliche Nachricht ---
> Von: Markus Eggerath <markus.eggerath at hitec-zang.de>
> An: typo3-german at lists.netfielders.de
> Betreff: Re: [TYPO3-german] Horizontales Hauptmenu mit vertikalem Submenu
> Datum: Tue, 04 Apr 2006 14:58:03 +0100
> 
> csender-typo3 at gmx.net schrieb:
> > Hallo!
> > 
> > Vielleicht kann mir jemand helfen.
> > Ich möchte ein zweistufiges TMENU realisieren, bei dem das Hauptmenü
> > irgendwo unterhalb des Seitenkopfes in horizontaler Anordnung der
> Menüpunkte
> > steht.
> > Wird auf einen Menüpunkt geklickt, bei dem Untermenüpunkte vorhanden
> sind,
> > so sollen diese in vertikaler Anordnung an anderer Stelle der Seite (im
> > Prinzip beliebig, da Formatierung durch CSS erfolgt) erscheinen.
> > 
> > Ich hab's mit <ul> und <li> versucht, doch das Submenu ist jedesmal
> völlig
> > verrissen.
> > Hier ist mein TS-Code dazu:
> > 
> > temp.menu = HMENU
> > 
> > # First Level Menu-Object
> > 
> > temp.menu.1 = TMENU
> > temp.menu.1.wrap = <div id="mainnav"><ul> | </ul></div>
> > temp.menu.1 {
> >    #  Eigenschaften Normal-Status
> >    NO.allWrap = <li class="menu-level1-no"> | </li>
> >    # Eigenschaften des aktiven Status setzen:
> >    ACT = 1
> >    ACT.allWrap = <li class="menu-level1-act"> | </li>
> > }
> > 
> > # Second Level Menu
> > 
> > temp.menu.2 = TMENU
> > temp.menu.2.wrap = <div id="subnav"><ul>|</ul></div>
> > temp.menu.2 {
> >    #  Eigenschaften Normal-Status
> >    NO.allWrap = <li class="menu-level2-no"> | </li>
> >    # Eigenschaften des aktiven Status setzen:
> >    ACT = 1
> >    ACT.allWrap = <li class="menu-level2-act"> | </li>
> > }
> > 
> > 
> > # Haupt-Template cObject fuer den BODY:
> > 
> > temp.mainTemplate = TEMPLATE
> > temp.mainTemplate {
> >    workOnSubpart = DOCUMENT_BODY
> >    # Ersetzen des ###nav###-Subparts durch das dynamische Menu:
> >    subparts.nav < temp.menu
> >    # Ersetzen des ###content###-Subparts:
> >    subparts.contents < styles.content.get
> > }
> > 
> > ...
> > 
> 
> Also wenn ich das richtig verstehe, dann suchst du eine Lösung zu dem 
> Problem, dass ich am vergangenen Wochenende hatte. Hier der TS-Quelltext
> 
>     subparts {
>        menu_1 = HMENU
>        menu_1 {
>          entryLevel = 0
>          1 = TMENU
>          1 {
>            noBlur=1
>            NO.allWrap = <span class="level1-no"> | </span>
>            NO.stdWrap.htmlSpecialChars = 1
>            ACT = 1
>            ACT.allWrap = <span class="level1-act"> | </span>
>            ACT.stdWrap.htmlSpecialChars = 1
>          }
>        }
>        menu_2 = HMENU
>        menu_2 {
>          entryLevel = 1
>          1 = TMENU
>          1 {
>            noBlur=1
>            NO.allWrap = <div class="level2-no"> | </div>
>            NO.stdWrap.htmlSpecialChars = 1
>            ACT = 1
>            ACT.allWrap = <div class="level2-act"> | </div>
>            ACT.stdWrap.htmlSpecialChars = 1
>          }
>        }
>      contents < styles.content.get
> }
> 
> Hier hast du wirklich die Möglichkeit das zweite Menü zu verschieben. 
> Einfach den Subpart-Marker verschieben und gut is'.
> Was du allerdings unter "völlig verissen" verstehst hab ich noch nicht 
> ganz raus.
> Könntest Du Dein Problem ein wenig genauer schildern?
> 
> Markus
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
> 



More information about the TYPO3-german mailing list