Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Drop down menus go below another module
(1 viewing) (1) Guest
Go to bottomPage: 1...7891011121314
TOPIC: Drop down menus go below another module
*
#4607
Re:Drop down menus go below another module 14 Years, 5 Months ago Karma: 760
This isn't the module issue, this problem with IE cache. You can disable 'ARI YUI Menu' module and see that this issue still appears.

Regards,
ARI Soft
The topic has been locked.
 
#4749
Re:Drop down menus go below another module 14 Years, 5 Months ago Karma: 0
Hi

More z-index issues for me. I have a Joomla site, where the mwnus go behind an image display plug in ()called Bonckowall) (see my site at www.chelseadegreeshow.org/2010/index.php?option=com_content&view=article&id=5&Itemid=11) . I am not very familiar with z-index, but tried assigning the div containing the menu a lower one than that containing the image viewer.

Any help welcome - I really found the menus easy to install and use, and have done some css restyling.

Thanks
Neil
File Attachment:
File Name: stoker.zip
File Size: 222213
Last Edit: 2010/06/08 12:37 By nstoker.Reason: problem with file upload
The topic has been locked.
 
#4750
Re:Drop down menus go below another module 14 Years, 5 Months ago Karma: 760
Hello,

It isn't issue with z-index, this problem with flash object on your page. It requires wmode="transparent" attribute that it'll be transparent. In other words, now HTML code for this flash looks like:

Code:


<object width="700" height="500" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="o">
         <param value="http://apps.cooliris.com/embed/cooliris.swf" name="movie">
         <param value="true" name="allowFullScreen">
         <param value="always" name="allowScriptAccess">
         <param value="feed=http://www.chelseadegreeshow.org/2010/images/stories/bonckowall6b907c9b432f6c98f73518baf5e8b398.rss&backgroundColor=#000000&descriptionHeight=50&glowColor=#000000&numRows=1&showChrome=true&showDescription=true&showReflections=true&showEmbed=true&showSearch=true&showNavArrows=true&customButton=http://home.boncko.it/plugins/content/BonckoWall/boncko.jpg,http://www.boncko.it&tilt=3" name="flashvars">
         <embed width="700" height="500" align="r" allowscriptaccess="always" allowfullscreen="true" flashvars="feed=http://www.chelseadegreeshow.org/2010/images/stories/bonckowall6b907c9b432f6c98f73518baf5e8b398.rss&backgroundColor=#000000&descriptionHeight=50&glowColor=#000000&numRows=1&showChrome=true&showDescription=true&showReflections=true&showEmbed=true&showSearch=true&showNavArrows=true&customButton=http://home.boncko.it/plugins/content/BonckoWall/boncko.jpg,http://www.boncko.it&tilt=3" src="http://apps.cooliris.com/embed/cooliris.swf" type="application/x-shockwave-flash">
      </object>



but it should be

Code:


<object width="700" height="500" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="o">
         <param value="http://apps.cooliris.com/embed/cooliris.swf" name="movie">
         <param value="true" name="allowFullScreen">
         <param value="always" name="allowScriptAccess">
         <param value="wmode" name="transparent">
         <param value="feed=http://www.chelseadegreeshow.org/2010/images/stories/bonckowall6b907c9b432f6c98f73518baf5e8b398.rss&backgroundColor=#000000&descriptionHeight=50&glowColor=#000000&numRows=1&showChrome=true&showDescription=true&showReflections=true&showEmbed=true&showSearch=true&showNavArrows=true&customButton=http://home.boncko.it/plugins/content/BonckoWall/boncko.jpg,http://www.boncko.it&tilt=3" name="flashvars">
         <embed wmode="transparent" width="700" height="500" align="r" allowscriptaccess="always" allowfullscreen="true" flashvars="feed=http://www.chelseadegreeshow.org/2010/images/stories/bonckowall6b907c9b432f6c98f73518baf5e8b398.rss&backgroundColor=#000000&descriptionHeight=50&glowColor=#000000&numRows=1&showChrome=true&showDescription=true&showReflections=true&showEmbed=true&showSearch=true&showNavArrows=true&customButton=http://home.boncko.it/plugins/content/BonckoWall/boncko.jpg,http://www.boncko.it&tilt=3" src="http://apps.cooliris.com/embed/cooliris.swf" type="application/x-shockwave-flash">
      </object>



Regards,
ARI Soft
The topic has been locked.
 
#4751
Re:Drop down menus go below another module 14 Years, 5 Months ago Karma: 0
You were right! Changes I needed to make were to add:

(1) <param name="wmode" value="transparent">

and

(2)wmode="transparent" inside the <embed src=”etc.”> tag.

(see animation.about.com/od/flashanimationtutorials/ss/flashwmode_4.htm)

That makes me so happy!
The topic has been locked.
 
#5326
Re:Drop down menus go below another module 14 Years, 4 Months ago Karma: 0
I am having the same problem of the dropdown menu going behind another modulein IE7 / IE8 Compatibility mode. Could someone take a look at it for me apollotelemed.com

thanks,
Dan
The topic has been locked.
 
#5327
Re:Drop down menus go below another module 14 Years, 4 Months ago Karma: 760
Hello,

Try to add the following CSS rules:

Code:


BODY #header
{
  z-index: 2;
}

BODY #wrapper
{
  z-index: 1;
  position: relative;
}

BODY
{
  position: relative;
}



Regards,
ARI Soft
The topic has been locked.
 
Go to topPage: 1...7891011121314