Quick Nav:  Online Store   |   Login | Register
Forums >Snapsis Product Support >CSS NavMenu

Menu to display over image

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
AuthorMessages
Tony
<20 Posts
Posts:6


05/16/2008 8:37 AM  

I have a banner image that I want the menu to display over top of, right now it is dropping behind it. Can anyone tell me if a setting exists, or how to make this happen?

 

Tony

John Mitchell
Posts:3471


05/16/2008 8:50 AM  
Hi Tony, if the banner is just an image then you can use css on the menu container to make it higher than the banner.
Something like this:
#nav { z-index:999; }

If it is a flash banner then it is much harder.
Tony
<20 Posts
Posts:6


05/16/2008 10:09 AM  

John:

Thank you, I appriciate the prompt response. The fact is that I'm new to this and supposed to launch a site tomorrow, running into issues with the menu working with a skin that I thought was in good shape. Client now wants the menu above banner of people. I added your suggestion to the css of the skin, but don't see a change.

Any advice is appriciated. The banner is text/html as well as the content area, two different panes.

http://stjohnrochester.us/Church/Discover/ConsideringMembership.aspx

 

Tony
<20 Posts
Posts:6


05/16/2008 10:17 AM  

http://stjohnrochester.us/Church/InsideSJ/FindUs.aspx seems to show the menu over top, but http://stjohnrochester.us/Church/InsideSJ.aspx does not. Thoughts?

John Mitchell
Posts:3471


05/16/2008 10:30 AM  
It looks like you changed it while I was looking at it, but when I did see the banner on the bottom it was working correctly.

It may have only been that you needed to clear cache with CTRL+Refresh
Tony
<20 Posts
Posts:6


05/16/2008 12:03 PM  
I had to move it back to work with it. I've placed it on top and cleared the cache. Would you mind another look? Thanks.

http://stjohnrochester.us/Church.aspx

Tony
Tony
<20 Posts
Posts:6


05/16/2008 12:07 PM  
I think I see the issue...
Tony
<20 Posts
Posts:6


05/16/2008 12:10 PM  
Nope - same issue with these two pages:

http://stjohnrochester.us/Church/InsideSJ/FindUs.aspx seems to show the menu over top, but http://stjohnrochester.us/Church/InsideSJ.aspx does not. Thoughts?

I thought one was using a text/html module and one was media.
Now both are text/html and both going behind the banner.
Tony


John Mitchell
Posts:3471


05/16/2008 12:17 PM  

It's working in FireFox, but I see the problem in IE.

You can try moving the z-index up to a higher value for the menu z-index:9999;

Or you can try making the banner div lower in z-index something like #dnn_BannerPane { z-index:0;}

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
Forums >Snapsis Product Support >CSS NavMenu > Menu to display over image



ActiveForums 3.7
Powered by: Snapsis Software