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

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
Darwin Web Design
Forum Members
Forum Members
Posts: 212
Joined: Tue May 30, 2006 3:12 am
Location: Darwin NT, Australia

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

Post 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...
Last edited by Darwin Web Design on Wed Apr 21, 2010 10:51 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

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

Post by Dr.CSS »

This type of problem is bested solve when we get a link to the site/page...
User avatar
Darwin Web Design
Forum Members
Forum Members
Posts: 212
Joined: Tue May 30, 2006 3:12 am
Location: Darwin NT, Australia

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

Post 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  :)
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

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

Post 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...
User avatar
Darwin Web Design
Forum Members
Forum Members
Posts: 212
Joined: Tue May 30, 2006 3:12 am
Location: Darwin NT, Australia

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

Post 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.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

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

Post 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...
User avatar
Darwin Web Design
Forum Members
Forum Members
Posts: 212
Joined: Tue May 30, 2006 3:12 am
Location: Darwin NT, Australia

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

Post by Darwin Web Design »

Thank you very much, that worked perfectly.
Post Reply

Return to “Layout and Design (CSS & HTML)”