Graphisches Menü klappt nicht richtig aus

Hallo,

ich habe mir mit TS ein graphisches Menü eingerichtet, das etwa 7 Menüs enthält und die entsprechenden Untermenüs. Wenn ich die Websites mit der URL im Browser aufrufe, dann sehe ich Menü links alle sieben Einträge. Sobald ich aber ein Menü auswähle klappt das immer das zweite Menü von oben weg und tritt dann auch nicht mehr in Erscheinung.

# Default PAGE object:
page = PAGE

page.typeNum = 0

alt_print.10.marks.CONTENT < styles.content.get
alt_print.10.marks.PAGE_DATE = COA
alt_print.10.marks.PAGE_DATE.10 = TEXT
alt_print.10.marks.PAGE_DATE.10.data = date:U
alt_print.10.marks.PAGE_DATE.10.strftime = %d.%m.%Y
alt_print.10.marks.PRINT_SKRIPT = TEXT
alt_print.10.marks.PRINT_SKRIPT.value = <meta http-equiv="refresh" content="0; URL=javascript:window.print()">

page.stylesheet = fileadmin/css/stylesheets.css
page.bodyTag = <body bgcolor  ="#1f1da5" marginheight="0">
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php 
page.config.index_enable = 1
page.10 = TEMPLATE
page.10 {

   template = FILE
   template.file = fileadmin/linuxmaker_templ.html
   workOnSubpart = DOKUMENT
   marks.INHALT < styles.content.get
   marks.MENUE = HMENU

   marks.MENUE.1 = GMENU_LAYERS
   marks.MENUE.1 {
       layerStyle = position:absolute;left:0px;top:0px;width:10px;VISIBILITY:hidden;
       leftOffset = 240
       topOffset = 325
       lockPosition = y
       dontFollowMouse = 1
       relativeToParentLayer = 1
       relativeToTriggerItem = 1
       wrap = <table border="0" cellspacing="0" cellpadding="0">|</table>
       expAll=1
       NO {
          backColor = #071478
          XY = 150, 20
          allWrap = <tr><td>|</td></tr>
          10 = TEXT
          10.text.field = title
          10.fontFile = russelsquare.ttf
          10.fontSize = 12
          10.fontColor = #ffffff
          10.offset = 5,15
       }
       RO = 1
       RO {
          backColor = #4254e0
          XY = 150, 20
          allWrap = <tr><td>|</td></tr>
          10 = TEXT
          10.text.field = title

          10.fontFile = russelsquare.ttf
          10.fontSize = 12
          10.fontColor = #ffffff
          10.offset = 5,15
       }
       ACT = 1


       ACT {
          backColor = #f5f5f5
          XY = 150, 20
          allWrap = <tr><td>|</td></tr>
          10 = TEXT
          10.text.field = title
          10.fontFile = russelsquare.ttf
          10.fontSize = 12
          10.fontColor = #0f1178
          10.offset = 5,15
       }
   }
      
   marks.MENUE.2 = GMENU_LAYERS
   marks.MENUE.2 {
       layerStyle = position:absolute;left:0px;top:0px;width:10px;VISIBILITY:hidden;
       leftOffset = 135
       topOffset = 8
       lockPosition = y
       dontFollowMouse = 1
       relativeToParentLayer = 1

       relativeToTriggerItem = 1
       expAll = 1
       }
       marks.MENUE.2.NO {
           backColor = |*| #071478 || #071478 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #ffffff
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 150,2,0,0
           50.color = #0f1178                 #unterer Rand dunkelblau
       }
       marks.MENUE.2.RO = 1
       marks.MENUE.2.RO {
           backColor = |*| #4254e0 || #4254e0 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #ffffff
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 150,2,0,0
           50.color = #0f1178                 #unterer Rand dunkelblau
       }
       marks.MENUE.2.ACT = 1
       marks.MENUE.2.ACT {
           backColor = |*| #f5f5f5 || #f5f5f5 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #0f1178
           10.offset = 5,13
  
           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     


           40 = BOX ||
           40.dimensions = 0,0,150,2

           40.color = #0f1178                #oberer Rand dunkelblau

           50 = |*||*|       || BOX
           50.dimensions = 0,0,150,2
           50.color = #0f1178                 #unterer Rand dunkelblau
           50.align = ,b
       }
   marks.MENUE.3 = GMENU_LAYERS
   marks.MENUE.3 {
       layerStyle = position:absolute;left:0px;top:0px;width:10px;VISIBILITY:hidden;
       leftOffset = 135
       topOffset = 8

       lockPosition = y
       dontFollowMouse = 1
       relativeToParentLayer = 1
       relativeToTriggerItem = 1
       expAll = 1
       }

       marks.MENUE.3.NO {
           backColor = |*| #071478 || #071478 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #ffffff
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 0,0,150,2
           50.color = #0f1178                 #unterer Rand dunkelblau
           50.align = ,b
       }  
       marks.MENUE.3.RO = 1
       marks.MENUE.3.RO {
           backColor = |*| #4254e0 || #4254e0 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #f5f5f5
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 150,2,0,0
           50.color = #0f1178                 #unterer Rand dunkelblau
       }   
       marks.MENUE.3.ACT = 1
       marks.MENUE.3.ACT {
           backColor = |*| #f5f5f5 || #f5f5f5 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #0f1178
           10.offset = 5,13
          
           20 = BOX
           20.dimensions = 0,0,2,20

           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #0f1178                #oberer Rand dunkelblau

           50 = |*||*|       || BOX
           50.dimensions = 0,0,150,2
           50.color = #0f1178                 #unterer Rand dunkelblau
           50.align = ,b
       }

   marks.MENUE.4 = GMENU_LAYERS
   marks.MENUE.4 {
       layerStyle = position:absolute;left:0px;top:0px;width:10px;VISIBILITY:hidden;
       leftOffset = 135
       topOffset = 8
       lockPosition = y
       dontFollowMouse = 1
       relativeToParentLayer = 1
       relativeToTriggerItem = 1

       expAll = 1
       }
       marks.MENUE.4.NO {
           backColor = |*| #071478 || #071478 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #ffffff
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||

           40.dimensions = 0,0,150,2
           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 150,2,0,0
           50.color = #0f1178                 #unterer Rand dunkelblau
       }


       marks.MENUE.4.RO = 1
       marks.MENUE.4.RO {
           backColor = |*| #4254e0 || #4254e0 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #ffffff
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2

           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 150,2,0,0
           50.color = #0f1178                 #unterer Rand dunkelblau
       }
       marks.MENUE.4.ACT = 1
       marks.MENUE.4.ACT {
           backColor = |*| #f5f5f5 || #f5f5f5 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #0f1178
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #0f1178                #oberer Rand dunkelblau

           50 = |*||*|       || BOX
           50.dimensions = 0,0,150,2
           50.color = #0f1178                 #unterer Rand dunkelblau
           50.align = ,b
       }

       marks.MENUE.5 = GMENU
           leftOffset = 135
           topOffset = 8
       marks.MENUE.5.NO {
           backColor = |*| #071478 || #071478 |*|
           XY = 150, 20
           10 = TEXT
           10.text.field = title
           10.fontFile = russelsquare.ttf
           10.fontSize = 11
           10.fontColor = #ffffff
           10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 150,2,0,0
           50.color = #0f1178                 #unterer Rand dunkelblau
           } 


           marks.MENUE.5.RO = 1
           marks.MENUE.5.RO {
               backColor = |*| #4254e0 || #4254e0 |*|

               XY = 150, 20
               10 = TEXT
               10.text.field = title
               10.fontFile = russelsquare.ttf
               10.fontSize = 11
               10.fontColor = #ffffff
               10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #f5f5f5                 #oberer Rand weißgrau

           50 = |*||*|       || BOX
           50.dimensions = 150,2,0,0
           50.color = #0f1178                 #unterer Rand dunkelblau
           } 
           marks.MENUE.5.ACT = 1
           marks.MENUE.5.ACT {
               backColor = |*| #f5f5f5 || #f5f5f5 |*|
               XY = 150, 20
               10 = TEXT
               10.text.field = title
               10.fontFile = russelsquare.ttf
               10.fontSize = 11
               10.fontColor = #0f1178
               10.offset = 5,13

           20 = BOX
           20.dimensions = 0,0,2,20
           20.color = #f5f5f5                 #linker Rand weißgrau
  
           30 = BOX
           30.dimensions = 0,0,2,20
           30.color = #0f1178                 #rechter Rand dunkelblau
           30.align = r
     
           40 = BOX ||
           40.dimensions = 0,0,150,2
           40.color = #0f1178                #oberer Rand dunkelblau

           50 = |*||*|       || BOX
           50.dimensions = 0,0,150,2
           50.color = #0f1178                 #unterer Rand dunkelblau
           50.align = ,b
           }

  marks.PFAD = HMENU
      marks.PFAD {
          special = rootline
          special.range = 0 | -1
          1 = TMENU
          1 {
             NO {
                10 = TEXT
                10.text.field = title
                10.fontFile = russelsquare.ttf
                10.fontSize = 11
                10.fontColor = #071478
                allWrap =   |  <span class="pfad">&nbsp;/&nbsp;</span>   |*|  |   <span class="pfad">&nbsp;/&nbsp;</span>   |*| | 
                ATagParams=class="navi"
              }
          }
      }
   marks.SPRACHE= PHP_SCRIPT 
   marks.SPRACHE {
      file = fileadmin/scripts/my_languageMenu.php
   }
  marks.UPDATE = TEXT
     marks.UPDATE {
     data = page:lastUpdated 
     if.isTrue.data = page:lastUpdated
     date = d.m.Y
     wrap =  |
     wrap2 =  |
     data = register : SYS_LASTCHANGED
     if >
   }
  marks.CONTENT < styles.content.get
  marks.PRINT = TEXT
  marks.PRINT {
       value = Seitendruck / Print page
       postUserFunc = tx_make_printlink
       postUserFunc.include_post_vars = 1
       postUserFunc.target = _blank
       postUserFunc.popup =  1
       postUserFunc.aTagParams = class="navi", title="Druckversion, Printable Version")
       postUserFunc.windowparams = (resizable=yes,toolbar=no,scrollbars=yes,menubar=no,width=950,height=650)

       #postUserFunc.windowname = printwindow
  }
}

page.10.marks.LANGID=TEXT
page.10.marks.LANGID.value=0 
[globalVar = GP:L = 1]
page.10.marks.LANGID.value=1
[global]

############ Maskiert EMail-Addressen #########################

config.spamProtectEmailAddresses=1
config.spamProtectEmailAddresses_atSubst=(at)

################RealUrl einbinden#######################

config.simulateStaticDocuments = 0
config.baseURL = http://www.mediamaker.de/
config.tx_realurl_enable = 1
config.prefixLocalAnchors = all

##################MAILFORMULAR#######################

tt_content.mailform.20.layout = <tr><td align=left class="mail"><b>###LABEL###</b></td><td><img src="clear.gif" width=5></td><td>###FIELD###</td></tr>
#tt_content.mailform.20.params = class="formular"
tt_content.mailform.20.labelWrap.wrap = <div align="left"><b> | </b></div>
tt_content.mailform.20.goodMess = Vielen Dank für Ihre Anfrage, ich werde mich so schnell wie möglich bei Ihnen melden!
tt_content.mailform.20.badMess = Folgende Felder sind Pflichtfelder

##################SITEMAP##########################################################################
tt_content.menu.20.2.1.NO.allWrap = |
tt_content.menu.20.2.1.NO.linkWrap = <div class=map1> | </div></br>
tt_content.menu.20.2.2.NO.allWrap = |
tt_content.menu.20.2.2.NO.linkWrap = <div class=map2> | </div></br>
tt_content.menu.20.2.3.NO.allWrap = |
tt_content.menu.20.2.3.NO.linkWrap = <div class=map3> | </div></br>
tt_content.menu.20.2.4.NO.allWrap = |
tt_content.menu.20.2.4.NO.linkWrap = <div class=map4> | </div></br>
tt_content.menu.20.2.5.NO.allWrap = |
tt_content.menu.20.2.5.NO.linkWrap = <div class=map5> | </div></br>

###############SPRACHEINSTELLUNGEN###########################################################
config.linkVars = L

config.sys_language_uid = 0 
config.language = de  
plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0

[globalVar = GP:L = 1] 
config.sys_language_uid = 1
config.language = en  
plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 1
[global]

################INDEXSUCHE######################################################

plugin.tx_indexedsearch.tableParams {
    secHead = border=0 cellpadding=0 cellspacing=0 width="300"
    searchBox =  border=0 cellpadding=0 cellspacing=0
    searchRes =  border=0 cellpadding=0 cellspacing=0 width="300"
}

plugin.tx_indexedsearch._CSS_DEFAULT_STYLE >
plugin.tx_indexedsearch.show.rules=0
plugin.tx_indexedsearch.search.page_links = 10

###############ÜBERSCHRIFT ALS IMAGE#######################
lib.stdheader.10.1 >
lib.stdheader.10.1 = IMAGE
lib.stdheader.10.1.wrap = <h1>|</h1>
lib.stdheader.10.1.altText.current = 1
lib.stdheader.10.1.file = GIFBUILDER
lib.stdheader.10.1.file {
     XY = [10.w]+10, [10.h]+10
     10 = TEXT
     10.text.current = 1
     10.offset = 0,26
     transparentColor = #f5f5f5


     transparentColor.closest = 1
     10.fontFile = russelsquare.ttf
     10.fontSize = 28
     10.fontColor = #0f1178
}

lib.stdheader.stdWrap.dataWrap >

config {
     stat = 1
     stat_mysql=1
     stat_apache=1
     stat_apache_logfile= log/2005-access.log
}

Jetzt ist also meine Frage, warum sich immer der zweite Menüeintrag immer wegklappt - teilweise siehst du an der besagten Stelle einen weissen dünnen waagerechten Strich - und wie ich den Fehler beheben kann.

Vielen Dank und MfG

Imagine

Holla, eine Navigation über fünf Ebenen, das ist aber sehr gewagt.

In Verbindung mit dem GMENU_LAYER habe ich schon des öfteren von Problemen gelesen, wenn die ineinander geschaftelt werden. Deswegen habe ich das so auch noch nie eingesetzt.

Vielleicht solltest du dein Navigatioskonzept noch einmal überdenken. So viele Seiten kann man eigentlich nicht haben, dass man wirklich fünf Navigationsebenen in einer Navi unterbringen muss.

Außerdem fördert eine solche Navigation die Usability auch nicht sonderbar.

Hallo Maik,

gehe ich richtig, dass mein Problem eben bei den 5 Ebenen zu finden ist? Wie weit erlaubt GMENU_LAYER es denn runterzugehen?
Ich habe mein Konzept meiner alten Sites übernommen und da ging es immerhin bis zu Level 3 runter.

Jedenfalls vielen Dank für den Hinweis, werde es gleich mal checken.

Grüsse
Imagine

Na ja,

das war wohl nicht die Lösung des Problems. Ich habe bis auf MENUE.3 alles darüber rausgenommmen. Allerdings wird der zweite Eintrag in dem Menü noch immer verschluckt. Das Ganze funktioniert nur bis MENUE.2, dann ist sense.

Gibt es da irgendeine Einstellung für die Extension und mehr als zwei Unterebenen?

Grüsse

Imagine

Hallo,

ich muss zugeben, ich habe mir deinen Code nicht angeschaut, aber eigentlich sollte es kein Problem geben mit 5 Ebenen (Ladezeit usw eher nicht ideal), aber grundsätzlich solltest du bei der Menüentwicklung zuerst ein TMENU-LAYERS nehmen, nicht mehr als einen Zustand (NO) und das ganze erst anpassen wenn alles funktioniert

lg georg
PS: Tipp zum Code sparen: Vererbung! ACT < .NO, usw

Ich kann just2b auch nur zustimmen.

Mit drei Ebenen funktioniert auf jeden fall.
Ich meine in der TYPO3 Testsite ist sogar ein LAYERS-Menü über drei Ebenen als Bsp. drin.