[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