Hi All,
Guys, we have recently met an issue with 2 levels menu and I am not sure how to solve it. 2nd level layer doesn't disappear when the cursor is not over. You can take a look at the menu here www.lasvegasweekly.com
Necessary properties are set:
hideMenuWhenNotOver = 10
hideMenuTimer = 10
Have anybody met this issue before? Thank you for your help and advises!
Here is the code of the menu:
includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
temp.nav = HMENU
#temp.nav.entryLevel = 0
temp.nav.special = list
temp.nav.includeNotInMenu=0
temp.nav.special.value = 3,25,24,23,22,21,120,94,4
temp.nav.1 = GMENU_LAYERS
temp.nav.1 {
#added width: here for compatibilty. If width: is removed, menus display properly for Firefox
#but don't work right with IE.
layerStyle = position:absolute; left:0px; width:112px; display:block; VISIBILITY:hidden;
expAll = 1
lockPosition = x
topOffset = {$topOffset}
hideMenuWhenNotOver = 10
hideMenuTimer = 10
distributeX = 942 #subtracted 8 px for border; also change in _layout.css: #menu width
relativeToTriggerItem = 1
NO {
XY = [10.w] -1, 24
8 = IMAGE
8.file = fileadmin/template/main/images/nav/lt_bludots.gif
8.align = left
8.offset = 6,0
9 = IMAGE
9.file = fileadmin/template/main/images/nav/rt_bludots.gif
9.align = right
9.offset = -5,0
transparentColor = #006699
10.transparentBackgound = 1
#####10.niceText = 1
backColor = #006699
#make background transparent so bkgnd img on td shows
transparentColor = #006699
10 = TEXT
10.text.field = title
10.text.case = upper
10.offset = 0,16
10.align = center
10.fontColor = #ffffcc
10.fontSize = 8
10.fontFile = fileadmin/template/main/fonts/VERDANAB.TTF
allWrap = <td style="background-image: url(fileadmin/template/main/images/nav/blend_bg.jpg); border-right: 1px solid #ffffff">|</td> |*| <td style="background-image: url(fileadmin/template/main/images/nav/blend_bg.jpg); border-right: 1px solid #ffffff">|</td> |*| <td style="background-image: url(fileadmin/template/main/images/nav/blend_bg.jpg)">|</td>
}
RO < .NO
RO = 1
RO {
backColor = #ffffff
8 = IMAGE
8.file = fileadmin/template/main/images/nav/lt_greydots.gif
8.align = left
8.offset = 6,0
9 = IMAGE
9.file = fileadmin/template/main/images/nav/rt_greydots.gif
9.align = right
9.offset = -5,0
10 = TEXT
10.fontColor = #cc0000
}
ACT < .RO
ACT = 1
}
[browser = msie]
temp.nav.1.topOffset = {$topOffsetIE}
#was using following code without display block but ran into problems when menu needed to be
#copied for use in parts of site outside of Typo3 so made code same for all browsers.
#temp.nav.1.layerStyle = position:absolute; left:0px; width:0px; display:block; VISIBILITY:hidden;
[end]
#render text menu only for IE6 and lower
#[browser = msie] && [version = < 7]
#render text menu always
temp.nav.2 = TMENU
temp.nav.2 {
wrap = <table width="170" style="border: 1px solid #006699;" cellpadding="4" cellspacing="0">|</table>
expAll = 1
hideMenuWhenNotOver = 10
hideMenuTimer = 10
NO {
linkWrap = <tr><td id="secmenu{elementUid}" class="secondtiernav" align="left" style="border-bottom: 1px solid #006699; background-color: #99ccff;">|</td></tr> |*| <tr><td id="secmenu{elementUid}" class="secondtiernav" align="left" style="border-bottom: 1px solid #006699; background-color: #99ccff;">|</td></tr> |*| <tr><td id="secmenu{elementUid}" class="secondtiernav" align="left" style="background-color: #99ccff;">|</td></tr>
subst_elementUid = 1
RO_chBgColor = #cc0000 | #99ccff | secmenu
RO = 1
}
}
#[else]
##render graphical menu if not ie6 or lower
##[browser = msie] && [version = > 6] || [browser = netscape, lynx, opera, php, avantgo, acrobat, ibrowse, teleport, unknown]
#temp.nav.2 = GMENU_LAYERS
#temp.nav.2 {
# layerStyle = position:absolute; left:0px; width:0px; VISIBILITY:hidden; border-top: 2px solid #000000
# expAll = 1
# lockPosition = x
# freezeMouseover = 1
# hideMenuWhenNotOver = 10
# hideMenuTimer = 3000
# relativeToParentLayer = 1
# #useLargestItemX = 1
# relativeToParentLayer.addWidth = 1
# relativeToTriggerItem=1
# NO {
# #XY = [10.w]+16, 20
# XY = {$totalwidth}, 20
# backColor = #99ccff
# #use extra div to draw border around image; had trouble getting right border to draw using BOX, even with fixed width
# wrap= |*| <div style="border-top: 1px solid #006699;width: {$totalwidth}px;border-left: 1px solid #006699;width: {$totalwidth}px;border-right: 1px solid #006699;width: {$totalwidth}px">|</div> |*| <div style="border: 1px solid #006699;width: {$totalwidth}px">|</div>
# 10 = TEXT
# 10.text.field = title
# 10.offset = 5,13
# 10.align = left
# 10.fontColor = #666666
# 10.fontSize = 9
# 10.fontFile = fileadmin/template/main/fonts/arialbd.ttf
# }
# RO < .NO
# RO = 1
# RO {
# backColor = #cc0000
# 10 = TEXT
# 10.fontColor = #ffffff
# }
# ACT < .RO
# ACT = 1
#}
#[end]
sergii
