 | SearchForum Home | |
| | |
| | |
| | |
 | | |
|
|
|
| Drop-down menu falls behind Rotator image |
|
|
Recently installed the Engage Rotator on our site. Love the ease of use and simple interface!
One problem we're having, though, is with the drop-down from the main menu. The drop-down items fall behind the Rotator's displayed image. I have tried setting the z-index for ALL classes within the rotator's style.css file to be lower than the menu's (Rotator's style.css is set to z-index:1 and #menu in DNN's skin.css is set to z-index:2). The menu still falls behind the image.
Any help or ideas?
Thanks,
CJ |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
Is the content that you are rotating something other than standard HTML (Flash, IFrames, etc)? Without some tricks, drop down lists should always appear over other content on the page, without regard to z-index. I can't reproduce this situation on my test website.
Can you send me a link to your site, and I'll see if I can figure out what is going on?
Thanks,
The leading provider of DotNetNuke support, training and custom module development. |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
I am only rotating .jpg images.
The site is on our staging site for now: http://icgsitestaging.com
If you hover on the 'All SBDC Services' dropdown menu, you will notice how the menu falls behind the image. It is more of a problem when logged in as Admin or Host as those menus fall mostly behind the image.
Thanks,
Chris
|
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
Looks at that page, I don't see any elements with the ID of main or menu, so I don't think #menu or #main is going to style anything. Also, some of the rotations used in Rotator rely on changing the z-index dynamically, so just setting it to 2 isn't going to work. You should be safe setting it to a value like 100. The selector that seems to work for the menu you're seeing is .submenu.
So, try adding this style to one of your stylesheets: .submenu {z-index:100;}
Hope that helps,
The leading provider of DotNetNuke support, training and custom module development. |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
Great! Set the .submenu z-index in the site skin.css to 100 and it works like a champ!
Thanks for the help!
CJ
While I have your attention: Any ideas on how I can remove the extra line space between the Title, Content, and Link on that rotator? I tried changing the 'div' to 'span' within the template's template.htm, but no luck.
Thanks again! |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
Looks like that spacing is coming from the p tag within the content. Try this: .content_body p {margin: 0;}
Hope it helps,
The leading provider of DotNetNuke support, training and custom module development. |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
| Brian Dukes wrote
Looks like that spacing is coming from the p tag within the content. Try this: .content_body p {margin: 0;}
Hope it helps,
|
Bingo! Thanks again!! |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
Hi,
I'm having this problem also. I'm using the Adaptive 2.0 skin and the rotator in the top pane. When I select a menu the drop down falls behind the rotator. Can you please guide me to where I can set the proper z-index to correct this?
Thanks,
Vinny M
Vinny Malanga
IMI Software, Inc. |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
I figured it out for those having the same issue. In the Adaptive skin.css file I set the z-index:100 in the .sub-item.wrap class. Now the sub menu falls on top of the rotator module.
Vinny Malanga
IMI Software, Inc. |
|
|
|
| |
|
|
| Re: Drop-down menu falls behind Rotator image |
|
|
Hi im having the same issue with Firefox 3.6. Ive tried to implement the z-index but do not believe it has worked. Can you help me please? |
|
|
|
| |
| | |
| | |
| | |
|