Zum Inhalt springen

submenü in nächster zeile

Erstellt am 4. März 2006 · 3 Antworten · letzte Antwort am 7. März 2006

Tags: Frage

tobsen ·

Hallo Leute :-)
ich bin leider nocht nicht weitergekommen mit meiner MenüProblematik.
Frage: wie kann ich das obere Menü meiner Seite dazu bewegen, das die submenüs in der zeile darunter bzw. besser noch in einer anderen box ( td oder div) angezeigt werden ?

hier meine seite http://typo3.intra-net-works.de/schlangenbad/

mein typoscript

####################
##      MENU LINKS         ##
####################
  lib.MenuLinks = HMENU
  lib.MenuLinks.special = directory
  lib.MenuLinks.special.value = 23
  lib.MenuLinks.entryLevel = 1

  #First level menu-object, textual
  lib.MenuLinks.1 = TMENU
  lib.MenuLinks.1 {
    # Normal state properties
    NO.allWrap = <div id="menu_links_sub1"> | </div>
    NO.stdWrap.htmlSpecialChars = 1
      # Enable active state and set properties:
    ACT = 1
    ACT.stdWrap.htmlSpecialChars = 1
    ACT.allWrap = <div id="menu_links_sub1"> | </div>
    ACT.ATagParams = style="color:#970203"
 }

  #Second level menu-object, textual
  lib.MenuLinks.2 < .lib.MenuLinks.1  
  lib.MenuLinks.2 {
    NO.allWrap = <div id="menu_links_sub2"> | </div>
    ACT.allWrap = <div id="menu_links_sub2"> | </div>
  }


  #Second level menu-object, textual
  lib.MenuLinks.3 < .lib.MenuLinks.1  
  lib.MenuLinks.3 {
    NO.allWrap = <div id="menu_links_sub3"> | </div>
    ACT.allWrap = <div id="menu_links_sub3"> | </div>
  }


####################
##   MENU UNTEN           ##
####################


lib.MenuUnten = HMENU
lib.MenuUnten.special = directory
lib.MenuUnten.special.value = 25
lib.MenuUnten.entryLevel = 1

lib.MenuUnten.1 = TMENU
lib.MenuUnten.1 {
    # Normal state properties
    NO.allWrap = <ul id="menu_unten_sub1"> | </ul>
    NO.stdWrap.htmlSpecialChars = 1
      # Enable active state and set properties:
    ACT = 1
    ACT.stdWrap.htmlSpecialChars = 1
    ACT.allWrap = <ul id="menu_unten_sub1"> | </ul>
    ACT.ATagParams = style="color:#970203"
 }


lib.MenuUnten.2 < .lib.MenuUnten.1  
lib.MenuUnten.2 {
    NO.allWrap = <ul id="menu_unten_sub2"> | </ul>
    ACT.allWrap = <ul id="menu_unten_sub2"> | </ul>
  }



  # Default PAGE object:
  page = PAGE
  page.typeNum = 0

  page.10 = USER
  page.10.userFunc = tx_templavoila_pi1->main_page

mein HTml

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
  <title>Staatsbad Schlangenbad</title>
  <meta content="Evrsoft First Page" name="GENERATOR">
  <link href="res/staats.css" type="text/css" rel="stylesheet">
</head>

<body>
  <table class="wholepage">
    <tbody>
      <tr>
        <td class="top" colspan="3"></td>
      </tr>

      <tr>
        <td class="topleft_bottom"></td>

          <td class="topright_bottom" colspan="2">
          
            <ul id="menu_unten">
              <div id="menu_unten_sub1"></div>
              <div id="menu_unten_sub2"></div>
            </ul>
      
		</td>
      </tr>

      <tr>
        <td class="linerow" colspan="3"></td>
      </tr>

      <tr>
         <td class="menu_links_outer">
        <table>
         <td class="menu_links_inner">
           <ul id="menu_links">
             <div id="menu_links_sub1"></div>
             <div id="menu_links_sub2"></div>
         </ul>
        </td>
       </table>
      </td>

        <td class="linecol"></td>

        <td class="content"></td>
      </tr>

      <tr>
        <td class="linerow" colspan="3"></td>
      </tr>
  
    </tbody>
  </table>
</body>
</html>

Ich benutze Außerdem TemplaVoila um meine mappins zu machen. Und nicht schimpfen, das ganze sieht sehr wurschtelig aus, da ich sehr viel am probieren bin.

Bester
Gruß
Tobsen

tobsen ·

Hallo just2b :-)

danke für deine Antwort. Damit kann ich mein Menü auf jedenfall besser organisieren. Aber ich schaffe es immter nocht nicht das die Subemnüpunkte in einer Reihe angeordnert unter den Hauptmenüpunkten erscheinen. Das Ganze Submenü soll zudem noch in eine <td> unterhalb der Hauptmenüpunkte gepackt werden. Die Designvorlage meines Auftraggebers macht mir da schon zu schaffen.

Wenn Ihr noch mehr codings braucht bzw. genau wissen woll wie das aussehen soll, dann schreibt mir bitte.

Tobsen
*dersichdiehaarerauft*

Hier mein geändertes Script fürs obere Menü:

     lib.MenuOben = HMENU
      lib.MenuOben {
              special = directory
              special.value = 25
              entryLevel = 1
              1 = TMENU
              1 {
                      noBlur = 1
                      wrap = <div id="menu_oben_haupt"> | </div>             
                      NO = 1
                      NO {
                            ATagTitle.field = abstract // description // title
                              wrapItemAndSub = <div>|</div>
                       }
                      ACTIFSUB < .NO 
                      ACTIFSUB = 1
                      ACTIFSUB.wrapItemAndSub.htmlSpecialChars = 1
                      ACTIFSUB.wrapItemAndSub = <div id="menu_oben_haupt"> | </div>
                      ACTIFSUB.ATagParams = style="color:#970203" 
                      CUR < .NO
                      CUR.doNotLinkIt = 0
                     
              }
              
              2 < .1
                 2 {
                       wrap = <div id="menu_oben_sub"> | </div> 
                     }
            }

PS: das ACTIFSUB ist wohl falsch, aber im Moment nicht mein Hauptproblem :-)

tobsen ·

Hallo Leute,

also ich habe da eine derzeitige, äußerst dreckige Lösung. Da ich das Problem hatte das mein linkes Menü funktionierte aber im oberen Menü die Submenüpunkte nicht in der nächsten Zeile dargestellt wurden und die Menüs sich immer wieder beharkt haben ( mit/ ohne diversen entryLevels oder specials), hab ich nun eine Lösung basierend auf excludeUIDlist :-( .

####################
##   MENU OBEN             ##
####################

      lib.MenuOben = HMENU
      lib.MenuOben {
              special = directory
              special.value = 25
               entryLevel = 1
              
              1 = TMENU
              1 {
                      noBlur = 1
                      wrap = <div id="menu_oben_haupt"> | </div>             
                      NO = 1
                      NO {
                            ATagTitle.field = abstract // description // title
                              wrapItemAndSub = <div>|</div>
                       }
                      
                      CUR < .NO
                      CUR.doNotLinkIt = 0
                     
              }
}

              lib.MenuObenSub = HMENU
      lib.MenuObenSub {
               excludeUidList = 1,2,3,6,13,21,14,15,16,70
              entryLevel = 2
              1 = TMENU
              1 {
                      noBlur = 1
                      wrap = <div id="menu_oben_sub"> | </div>             
                      NO = 1
                      NO {
                            ATagTitle.field = abstract // description // title
                              wrapItemAndSub = <div>|</div>
                       }
                      
                      CUR < .NO
                      CUR.doNotLinkIt = 0
                     
              }
   
            } 
 
####################
##      MENU LINKS         ##
####################
  lib.MenuLinks = HMENU
  lib.MenuLinks.special = directory
 lib.MenuLinks.special.value = 23
 lib.MenuLinks.entryLevel = 2
  

  #First level menu-object, textual
  lib.MenuLinks.1 = TMENU
  lib.MenuLinks.1 {
    # Normal state properties
    NO.allWrap = <div id="menu_links_haupt"> | </div>
    NO.stdWrap.htmlSpecialChars = 1
    # Enable active state and set properties:
    ACT = 1
    ACT.stdWrap.htmlSpecialChars = 1
    ACT.allWrap = <div id="menu_links_haupt"> | </div>
    ACT.ATagParams = style="color:#970203"
 }

  #Second level menu-object, textual
  lib.MenuLinks.2 < .lib.MenuLinks.1  
  lib.MenuLinks.2 {
    NO.allWrap = <div id="menu_links_sub"> | </div>
    ACT.allWrap = <div id="menu_links_sub"> | </div>
  }






  # Default PAGE object:
  page = PAGE
  page.typeNum = 0

  page.10 = USER
  page.10.userFunc = tx_templavoila_pi1->main_page

Wenn Ihr dazu noch eine andere Idee habt laßt es mich BITTE BITTE wissen.

Tobsen
*verzweifel*