Horizontales Menü mit vertikal darunter angeordneten Untermenüs

  • nexave nexave
    Typ im Roten Hemd
    0 x
    3 Beiträge
    0 Hilfreiche Beiträge
    18. 02. 2013, 17:41

    Hallo,

    nach 2,5 Stunden Herumprobieren erhoffe ich mir durch das Posten in diesem Forum einen wertvollen Tipp, der mich zum Erfolg führt.

    Ziel:
    - Ich möchte gern folgende Menüstruktur bauen: http://de.selfhtml.org/css/layouts/anzeige/nav_geteilt.htm
    - Alle Untermenüs sollen ständig geöffnet sein

    Was ich schon erreicht habe:
    - Das Menü erster Ebene wird korrekt aufgebaut (mit floatings etc.)
    - Alle Menüpunkte zweiter Ebene werden angezeigt (expAll)
    - Ich habe eine "offline"-HTML-Datei, bei der die Untermenü-Punkte an den korrekten Stellen eingeblendet werden

    Mein Problem:
    - Die selfhtml-Vorlage (und damit auch meine HTML-Datei) setzen das <UL> des Untermenüs in das <LI> des Hauptmenüs, also so

    1. <UL class=hauptmenu>
    2. <LI>Punkt1</LI>
    3. <LI>Punkt2
    4. <UL class=untermenu>
    5. <LI>Unterpunkt 1</LI>
    6. <LI>Unterpunkt 2</LI>
    7. </UL>
    8. </LI>
    9. </UL>

    Mein typoscript jedoch produziert, egal wie ich es anstelle, nur sowas:

    1. <UL class=hauptmenu>
    2. <LI>Punkt1</LI>
    3. <LI>Punkt2</LI>
    4. <UL class=untermenu>
    5. <LI>Unterpunkt 1</LI>
    6. <LI>Unterpunkt 2</LI>
    7. </UL>
    8. </UL>

    Mein typoscript:

    1. ## Menu [Begin]
    2. lib.mainMenu = HMENU
    3. lib.mainMenu.entryLevel = 0
    4. lib.mainMenu.wrap = <ul class="topmenu">|</ul>
    5. lib.mainMenu.1 = TMENU
    6.  
    7. lib.mainMenu.1.NO {
    8. allWrap = <li class="topitem">|</li>
    9. }
    10.  
    11. lib.mainMenu.1.ACT {
    12. allWrap = <li class="topitem_active">|</li>
    13. }
    14.  
    15. lib.mainMenu.1.expAll =0
    16. ## Menu [End]
    17.  
    18. lib.mainMenu.2 = TMENU
    19. lib.mainMenu.2.wrap = <UL class="submenu">|</UL>
    20.  
    21. lib.mainMenu.2.NO {
    22. allWrap = <LI class="subitem">|</LI>
    23. }
    24.  
    25. lib.mainMenu.2.ACT {
    26. allWrap = <LI class="subitem_active">|</LI>
    27. }

    Kann mir jemand einen Tipp geben, wie ich ans Ziel komme? Kann man typoscript so verbiegen, dass es die Befehle wie gesucht produziert? Ich habe auch schon mit optionsplit herumprobiert, komme aber auf keinen grünen Zweig.

    Umgekehrt ist mir auch kein CSS-Design bekannt, dass die gewünschte Darstellung erzeugt.


  • 1
  • LuP LuP
    Jedi-Meister
    0 x
    496 Beiträge
    1 Hilfreiche Beiträge
    18. 02. 2013, 19:53

    Hallo und Willkommen im Forum,

    nimm [url="http://typo3.org/documentation/document-library/core-documentation/doc_core_tsref/4.7.0/view/1/9/#id1031170"][u][color=blue]wrapItemAndSub[/color][/u][/url] statt allWrap.

    VG,
    LuP

  • nexave nexave
    Typ im Roten Hemd
    0 x
    3 Beiträge
    0 Hilfreiche Beiträge
    18. 02. 2013, 22:02

    Danke, das hatte ich auch bereits probiert. Habe ich es vielleicht an der falschen Stelle benutzt? Wo genau muss ich es einsetzen? Ich habe doch schon einmal alle wraps durch wrapItemAndSub ersetzt...

    Für einen kleinen Tipp wäre ich sehr dankbar. #angry#

  • SomehowLost SomehowLo...
    Jedi-Meister
    0 x
    278 Beiträge
    0 Hilfreiche Beiträge
    19. 02. 2013, 09:45

    Guten Morgen,

    wrapItemAndSub kommt an die Stelle Deines allWrap.

    Viele Grüße

    [url=http://www.andreas-hoffmeyer.de/]Andreas Hoffmeyer - Websites & mehr...[/url]
    [url=http://typo3-4-newbies.blogspot.de/]TYPO3 für Einsteiger: typo3-4-newbies.blogspot.de[/url]

  • nexave nexave
    Typ im Roten Hemd
    0 x
    3 Beiträge
    0 Hilfreiche Beiträge
    19. 02. 2013, 10:05

    Hallo. Es funktioniert. Scheinbar hatte ich doch nicht alle wraps durch wrapItemAndSub ersetzt.
    Danke für eure schnelle Hilfe, ihr seid super! #giggle#

    1. ## Menu [Begin]
    2. lib.mainMenu = HMENU
    3. lib.mainMenu.entryLevel = 0
    4. lib.mainMenu.wrap = <ul class="topmenu">|</ul>
    5. lib.mainMenu.1 = TMENU
    6.  
    7. lib.mainMenu.1.NO {
    8. wrapItemAndSub = <li class="topitem">|</li>
    9. }
    10.  
    11. lib.mainMenu.1.ACT {
    12. wrapItemAndSub = <li class="topitem_active">|</li>
    13. }
    14.  
    15. lib.mainMenu.1.expAll =2
    16. ## Menu [End]
    17.  
    18. lib.mainMenu.2 = TMENU
    19. lib.mainMenu.2.wrap = <UL class="submenu">|</UL>
    20.  
    21. lib.mainMenu.2.NO {
    22. wrapItemAndSub = <LI class="subitem">|</LI>
    23. }
    24.  
    25. lib.mainMenu.2.ACT {
    26. wrapItemAndSub = <LI class="subitem_active">|</LI>
    27. }

  • 1