Zum Inhalt springen

DIV Menü auf Seite zentrieren

Erstellt am 17. Januar 2006 · 7 Antworten · letzte Antwort am 16. Juli 2007

Tags: HTML & CSS, Frage

Unbekannter Benutzer ·

Hallo zusammen,

ich habe folgendes Problem und bekomme einfach nicht gelöst. Bevor jetzt wieder einige aufschreihen "Suche benutzen, etc." das habe ich schon gemacht. Nirgends scheint es eine Lösung für das Problem zu geben.

Also zurück zu meinem Problem:

Ich habe ein GMENU_LAYER in der Horizontalen mit einem TMENU_LAYER der in die Vertikale geht. Wenn das Browserfenster verkleinert oder vergößert wird ist das Menü nicht mehr richtig unter dem horizontalen Menüpunkt ausgerichtet.
Kennt hier jemand die Lösung?

# Hauptmenü
# Ebene 1
page.10.marks.NAV = HMENU
page.10.marks.NAV.special = directory
page.10.marks.NAV.special.value = 390
page.10.marks.NAV.1 = GMENU_LAYERS
page.10.marks.NAV.1.expAll=1
page.10.marks.NAV.1.lockPosition = x
page.10.marks.NAV.1.xPosOffset = -180
page.10.marks.NAV.1.topOffset = 275
page.10.marks.NAV.1.hideMenuWhenNotOver = 1
page.10.marks.NAV.1.hideMenuTimer = 250

page.10.marks.NAV.1.NO.backColor = #333333
page.10.marks.NAV.1.NO.transparentBackground = 1
page.10.marks.NAV.1.NO.XY = [10.w]+58, 40

# Normaldarstellung                                      
page.10.marks.NAV.1.NO.10 = TEXT
page.10.marks.NAV.1.NO.10.text.field = title
page.10.marks.NAV.1.NO.10.fontSize = 14
page.10.marks.NAV.1.NO.10.fontFile = fileadmin/ttf/lte50340.ttf
page.10.marks.NAV.1.NO.10.fontColor = #FFFFFF
page.10.marks.NAV.1.NO.10.offset = 33,25
page.10.marks.NAV.1.NO.10.niceText = 1

# Ebene 2
page.10.marks.NAV.2 = TMENU_LAYERS
page.10.marks.NAV.2.lockPosition = x 
 
# Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
page.10.marks.NAV.2.relativeToParentLayer=1 
page.10.marks.NAV.2.relativeToTriggerItem=1 
page.10.marks.NAV.2.topOffset=0 
page.10.marks.NAV.2.leftOffset=140
 
# alle Menuepunkte anzeigen 
page.10.marks.NAV.2.expAll=1  
page.10.marks.NAV.2.wrap = <div>|</div> 
page.10.marks.NAV.2.NO.allWrap = <div class="level2">|</div>

# Ebene 3
page.10.marks.NAV.3 = TMENU 
page.10.marks.NAV.3.wrap = <div>|</div> 
page.10.marks.NAV.3.NO.allWrap = <div class="level3">|</div>

Das mit dem "relativeToParentLayer=1" scheint ja auch nicht wirklich zu funktionieren.

Herzlichen Dank

Schöne Grüße
Organic

Unbekannter Benutzer ·

Hi thebook,

ja ich habe das wie folgt gelöst.

# Hauptmenü
# Ebene 1
page.10.marks.NAV = HMENU
page.10.marks.NAV.special = directory
page.10.marks.NAV.special.value = 390
page.10.marks.NAV.1 = GMENU_LAYERS
page.10.marks.NAV.1.layerStyle = position:absolute; visibility: hidden; 
page.10.marks.NAV.1.topOffset = 35
page.10.marks.NAV.1.leftOffset = 30
page.10.marks.NAV.1.relativeToTriggerItem = 1
page.10.marks.NAV.1.displayActiveOnLoad = 0 
page.10.marks.NAV.1.hideMenuWhenNotOver = 20
page.10.marks.NAV.1.hideMenuTimer = 500
page.10.marks.NAV.1.expAll=1
page.10.marks.NAV.1.wrap = <table border="0" cellpadding="0" cellspacing="0"><tr> |</tr></table>

page.10.marks.NAV.1.NO.backColor = #333333
page.10.marks.NAV.1.NO.transparentBackground = 1
page.10.marks.NAV.1.NO.XY = [10.w]+58, 40

# Normaldarstellung                                      
page.10.marks.NAV.1.NO.10 = TEXT
page.10.marks.NAV.1.NO.10.text.field = title
page.10.marks.NAV.1.NO.10.fontSize = 14
page.10.marks.NAV.1.NO.10.fontFile = fileadmin/ttf/lte50340.ttf
page.10.marks.NAV.1.NO.10.fontColor = #FFFFFF
page.10.marks.NAV.1.NO.10.offset = 33,25
page.10.marks.NAV.1.NO.10.niceText = 1
page.10.marks.NAV.1.NO.wrap = <td>|</td>

# Rolloverdarstellung
page.10.marks.NAV.1.RO < page.10.marks.NAV.1.NO
page.10.marks.NAV.1.RO=1

# Ebene 2
page.10.marks.NAV.2 = TMENU_LAYERS
page.10.marks.NAV.2.lockPosition = x 
page.10.marks.NAV.2.hideMenuWhenNotOver = 20
page.10.marks.NAV.2.hideMenuTimer = 500

# Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
page.10.marks.NAV.2.relativeToParentLayer=1 
page.10.marks.NAV.2.relativeToTriggerItem=1 
page.10.marks.NAV.2.topOffset=0 
page.10.marks.NAV.2.leftOffset=140
 
# alle Menuepunkte anzeigen 
page.10.marks.NAV.2.expAll=1  
page.10.marks.NAV.2.wrap = <DIV>|</DIV> 
page.10.marks.NAV.2.NO.allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level2" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='7F7F7F'">|</td></tr></table></DIV>

# Ebene 3
page.10.marks.NAV.3 = TMENU 
page.10.marks.NAV.3.maxItems = 15
page.10.marks.NAV.3.wrap = <DIV>|</DIV> 
page.10.marks.NAV.3.NO.allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level3" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='#CCCCCC'">|</td></tr></table></DIV>

Das es funktioniert, kannst Du unter http://www.fantasy.de sehen.

Beste Grüße
Organic

thebook ·

Hi, habs ausprobiert. Leider klappt sich die zweite Ebene nicht mehr aus. Darf ich Dich nochmal zum Drüberschauen missbrauchen ...
Wollte es für meine Zwecke etwas anpassen. Bei includen der beiden Libs habe ich schon Stress, daher habe ich den include des tmenu auskommentiert. Wenn ich ihn aktivieren, wird nichts mehr angezeigt.

page.includeLibs.gmenu_layers=media/scripts/gmenu_layers.php
#page.includeLibs.tmenu_layers=media/scripts/tmenu_layers.php

temp.navi2 = HMENU
temp.navi2 {
      #page.10.marks.NAV.special = directory
      #page.10.marks.NAV.special.value = 390

      1 = GMENU_LAYERS
      1 {
        layerStyle = position:absolute; visibility: hidden;
        topOffset = 35
        leftOffset = 30
        relativeToTriggerItem = 1
        displayActiveOnLoad = 0
        hideMenuWhenNotOver = 20
        hideMenuTimer = 500
        expAll=1
        wrap = <table border="0" cellpadding="0" cellspacing="0"><tr> |</tr></table>
        #erste Ebene
        
          NO.backColor = #333333
          NO.transparentBackground = 1
          NO.XY = [10.w]+58, 40
          # Normaldarstellung                                     
          NO.10 = TEXT
          NO.10.text.field = title
          NO.10.fontSize = 12
          NO.10.fontFile = fileadmin/ttf/fetteEngschrift.ttf
          NO.10.fontColor = #000000
          NO.10.offset = 33,25
          #NO.10.niceText = 1
          NO.wrap = <td>|</td>  
        # Rolloverdarstellung
        1.RO < NO
        1.RO=1
      }

      2 = TMENU_LAYERS
      2 {
        lockPosition = x
        hideMenuWhenNotOver = 20
        hideMenuTimer = 500       
        # Position wo sich die naechste Ebene oeffnen soll (Ebene 2)
        relativeToParentLayer=1
        relativeToTriggerItem=1
        topOffset=0
        leftOffset=140
        # alle Menuepunkte anzeigen
        expAll=1 
        wrap = <DIV>|</DIV>
        allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level2" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='7F7F7F'">|</td></tr></table></DIV>
      }
      
      3 = TMENU
      3 {
        maxItems = 15
        wrap = <DIV>|</DIV>
        NO.allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level3" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='#CCCCCC'">|</td></tr></table></DIV> 
      }
}
thebook ·

... was auch immer ich das weggeschnipselt habe, es verhindert, das die gesamte 2te und dritte Ebene nicht mehr im HTML SourceCode angezeigt wird. Ich gehe davon, dass es ein Fehler beim rendern der 2ten Ebene gibt, sobald ich was weiss poste ich es hier ...

Unbekannter Benutzer ·

Hi,

die libs habe ich so includiert.

# Menüscripte Includieren  
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php 
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php

# CSS includieren
page.includeCSS.file1 = fileadmin/templates/css/layout.css
page.includeCSS.file2 = fileadmin/templates/css/mmenu.css

Wenn es dir reicht, werde ich mir dein Script morgen abend mal in Ruhe ansehen.

Gruß
Organic

thebook ·

... danke, passt schon! Ich komme auch erst dazu heute Abend weiter zu machen.

Die Scripte habe ich nun auch beide direkt im Page-Abschnitt drin. Damit sollte der eine Punkt mit dem verschwundenen Menu beim laden beider Scripte erledigt sein.