[TYPO3-english] Gmenu and Tmenu question
Orish Shrestha
orish.typo3 at gmail.com
Thu Feb 4 16:44:52 CET 2010
Hi all,
I am creating a layered menu with Gmenu and Tmenu. I problem I am having is
when I do mouseover on first layer menu the second menu is getting displayed
from the left most side of the screen for IE but works just fine with FF. I
am using TYPO3 4.2.10.
Here is the TS I am using to do this.
temp.nav = HMENU
temp.nav.special = list
temp.nav.includeNotInMenu=0
temp.nav.special.value = {$menu_ids}
temp.nav.1 = GMENU_LAYERS
temp.nav.1 {
layer_menu_id = topnav1
imgNameNotRandom = 1
imgNamePrefix = nav1
layerStyle = position:absolute; left:0px; width:180x; display:block;
VISIBILITY:hidden;
expAll = 1
lockPosition = x
topOffset = {$topOffset}
hideMenuWhenNotOver = 1
hideMenuTimer = 3
distributeX = 944 #subtracted 8 px for border; also change in
_layout.css: #menu width
relativeToTriggerItem = 1
NO {
XY = [10.w] -1, 24
transparentColor = #{$menu_color}
10.transparentBackgound = 1
backColor = #{$menu_color}
#make background transparent so bkgnd img on td shows
transparentColor = #{$menu_color}
10 = TEXT
10.text.field = title
10.offset = 0,16
10.align = center
10.fontColor = #ffffff
10.fontSize = 12
10.fontFile = fileadmin/fonts/VERDANAB.TTF
allWrap = <td style="background-image:
url(fileadmin/images/{$directory}/blend_bg.jpg); border-right: 1px solid
#ffffff">|</td> |*| <td style="background-image:
url(fileadmin/images/{$directory}/blend_bg.jpg); border-right: 1px solid
#ffffff">|</td> |*| <td style="background-image:
url(fileadmin/images/{$directory}/blend_bg.jpg)">|</td>
}
RO < .NO
RO = 0
RO {
backColor = #ffffff
10 = TEXT
10.fontColor = #ffffff
}
ACT < .RO
ACT = 0
}
[browser = msie]
temp.nav.1.topOffset = {$topOffsetIE}
[end]
temp.nav.2 = TMENU
temp.nav.2 {
wrap = <table width="170" style="border: 1px solid #ffffff;"
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 #ffffff; background-color:
#{$color};">|</td></tr> |*| <tr><td id="secmenu{elementUid}"
class="secondtiernav" align="left" style="border-bottom: 1px solid #ffffff;
background-color: #{$color};">|</td></tr> |*| <tr><td
id="secmenu{elementUid}" class="secondtiernav" align="left"
style="background-color: #{$color};">|</td></tr>
subst_elementUid = 1
RO_chBgColor = #{$roll_color} | #{$color} | secmenu
RO = 1
}
}
Thanking you in advance!!!
Regards,
Orish
More information about the TYPO3-english
mailing list