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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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 7 Years, 4 Months ago Karma: 667
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 7 Years, 4 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 06:37 By nstoker.Reason: problem with file upload
The topic has been locked.
 
#4750
Re:Drop down menus go below another module 7 Years, 4 Months ago Karma: 667
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 7 Years, 4 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 7 Years, 3 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 7 Years, 3 Months ago Karma: 667
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