Page 1 of 1

[solved] Rotate plugin - overlaps and hides the 2nd level navigation/menu

Posted: Thu Apr 08, 2010 6:04 am
by Darwin Web Design
Hello

I am using CMSMS 1.6.7 and Rotate Plugin 0.2.2.

Trouble is that my 2nd level navigation displays UNDERNEATH the Rotate Slideshow and you are unable to view the hovered 2nd level page links.

I have tried applying high z-index css value to the second level menu style sheet - and this works but for firefox only, not IE.

I have tried applying a lower z-index value to the css that holds the slideshow - to bring it behind, but still doesn't help IE.

I have had a similar problem with flash slideshow and found a solution in forums - this was overcome by adding: to the plugin php file, but I believe this would be suitable for flash only?

Is there a similar solution I can apply for the rotate plugin to get the layering correct so it doesn't overlap important areas of the website?

Thanks...

Re: Rotate plugin - overlaps and hides the 2nd level navigation/menu

Posted: Thu Apr 08, 2010 4:26 pm
by Dr.CSS
This type of problem is bested solve when we get a link to the site/page...

Re: Rotate plugin - overlaps and hides the 2nd level navigation/menu

Posted: Mon Apr 19, 2010 11:05 pm
by Darwin Web Design
Hello

My site is now live so I finally have a link available:

http://www.absolution.com.au/index.php?page=home

The second nav item has 2 hover/2nd level menu links. In Firefox, they appear correctly above the slideshow. In IE however they hide underneath.

Any help would be greatly appreciated if possible.  Thanks  :)

Re: Rotate plugin - overlaps and hides the 2nd level navigation/menu

Posted: Tue Apr 20, 2010 6:50 pm
by Dr.CSS
Ok so you know how the menu is made up of ul with li in it and the second level is an ul in the li, start with the ul ul and add z-index:200 to it if that doesn't do it move in to the ul ul li adding the z-index to it still further is the ul ul li a...

I've had to put it on both the ul ul and the ul ul li before...

The rotating images have z-index:6 at the most...

Re: Rotate plugin - overlaps and hides the 2nd level navigation/menu

Posted: Wed Apr 21, 2010 6:48 am
by Darwin Web Design
Hello and thanks for your help...
I have applied these changes to the css, hoping I've done it correctly but the problem is still there.
Do you have any other suggestions I could try? Thanks.

Re: Rotate plugin - overlaps and hides the 2nd level navigation/menu

Posted: Wed Apr 21, 2010 5:10 pm
by Dr.CSS
You put the z-index on the #primary-nav ul ul it should have been on the #primary-nav ul, the one above it...

Re: Rotate plugin - overlaps and hides the 2nd level navigation/menu

Posted: Wed Apr 21, 2010 10:50 pm
by Darwin Web Design
Thank you very much, that worked perfectly.