TMENU_LAYER Horizonal ausrichten

[Izcer]

Hallo,

bin auf folgendes Problem gestoßen und finde keinen weg mehr.

Mein Menü wird vertikal ausgegeben. Dies sollte eigentlich Horizontal geschehen. dies passiert auch wenn ich relativeToTriggerItem = 1 auf 0 sezte aber dann verschiebt das Submenü und bewegt sich mit der maus.






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


page.10{
subparts{
navigation = HMENU
navigation{
entryLevel = 0

1 = TMENU_LAYERS
1{
layerStyle = position:absolute;VISIBILITY:hidden;border: 1px solid #A4E6AF; background: Transparent url(/typo/fileadmin/templates/SwishViolet/_images/bg.gif) repeat-x top left;

lockPosition = y
hideMenuWhenNotOver = 1
hideMenuTimer= 250
expAll= 1
topOffset = 15
leftOffset = 5
relativeToTriggerItem = 1
directionUp = 0

NO = 1
NO.linkWrap = |
NO.ATagParams = class="navi"


ACT = 1
ACT.linkWrap = |
ACT.ATagParams = class="navi_selected"

}

2 = TMENU
2 {

NO = 1
NO.wrapItemAndSub = <div>|</div>
NO.ATagParams = class="sublevel"

ACT = 1
NO.wrapItemAndSub = <div>|</div>
ACT.ATagParams = class="sublevel_selected"

}

}

3 < .2
4 < .2

}


Die dazugehörige CSS

/* navigation */
 
table.navi td
{
    padding-right: 28px;
    display: inline;
 
}
 
.navi, .navi:link, .navi:active, .navi:visited, .navi:hover
{
    display: inline;
    height: 100%;
    width: 100%;
    color: #C2B2D4;
}
 
.navi:hover
{
    color: #FFFFFF;
}
 
.navi_selected, .navi_selected:link, .navi_selected:active, .navi_selected:visited, .navi_selected:hover
{
    font-weight: bold;
    color: #FFFFFF;
    
}
 
div.sublevelwrapper
{
    background: Transparent url(/typo/fileadmin/templates/SwishViolet/_images/bg.gif) repeat-x top left;
}
 
.sublevel, .sublevel:link, .sublevel:active, .sublevel:visited, .sublevel:hover
{
    padding: 5px;
    display: block;
    height: 100%;
    width: 100%;
    color: #C2B2D4;
}
 
.sublevel:hover
{
    color: #FFFFFF;
}
 
.sublevel_selected, .sublevel_selected:link, .sublevel_selected:active, .sublevel_selected:visited, .sublevel_selected:hover
{
    font-weight: bold;
    color: #FFFFFF;
}
div#navigation
{
    width: 720px;
    height: 23px;
    padding-left: 51px;
    background: Transparent url(/typo/fileadmin/templates/SwishViolet/_images/nav_bg.gif) repeat-x top left;
    text-align: left;
    padding-top: 12px;
  
}
 
/* end navigation */

Ich hoffe das mir jemand da helfen kann.
der link zum Menü RA-Domains

Gruß

[Struzzner]

Guude,

setz doch mal lockPosition auf x
und relativToTriggerItem auf 0

[Izcer]

Wenn ich das mache ist zwar die Hauptnavigation horizontal. Aber das Submenü wird nicht mehr darunter geöffnet sondern oben Links im Bildschirm. Nehme ich die lockPosition ganz raus kann ich mit topOffset und leftOffset es so rücken das es darunter ist. Aber leider bewegt es sich dann immer mit der Maus mit und der Link Startseite ist nicht mehr mit der Maus erreichbar da sich das Submenü immer darüber legt.

Gibt es noch einen weg??

[Izcer]

Habe dieses Problem behoben. Indem ich einfach die tmenu_layers.php system datei umgeschrieben habe.

der Part der geändert wurde ist:

 /**
         * Wrapping the item in a <div> section if 'relativeToTriggerItem' was set
         *
         * @param       string  The current content of the menu item, $this->I['theItem'], passed along.
         * @param       integer                Pointer to $this->menuArr[$key] where the current menu element record is found
         * @return      string                The modified version of $item, going back into $this->I['theItem']
         */
        function extProc_beforeAllWrap($item,$key)      {
                if ($this->mconf['relativeToTriggerItem'])      {
                        $item = '<div id="anchorID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="position:absolute;visibility:hidden;"></div><a id="itemID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="width:50%; height:50%;">'.$item.'</a>'; 
                }
                return $item;
        } 
  

normal sieht der Part so aus:

  
 
/**
         * Wrapping the item in a <div> section if 'relativeToTriggerItem' was set
         *
         * @param       string  The current content of the menu item, $this->I['theItem'], passed along.
         * @param       integer                Pointer to $this->menuArr[$key] where the current menu element record is found
         * @return      string                The modified version of $item, going back into $this->I['theItem']
         */
        function extProc_beforeAllWrap($item,$key)      {
                if ($this->mconf['relativeToTriggerItem'])      {
                        $item = '<div id="anchorID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="position:absolute;visibility:hidden;"></div><div id="itemID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="width:100%; height:100%;">'.$item.'</div>'; 
                }
                return $item;
        } 
  

Geändert wurde im abschnitt

 <div id="itemID... style="width:100%; height:100%;">... </div> 
  

nur

 <a id="itemID... style="width:50%; height:50%;">... </a> 
  

schon wird das Menü Horizontal ausgerichtet trots relativeToTriggerItem = 1

Vielleicht hilft es ja einem weiter.

Gruß