We help IT Professionals succeed at work.

Problem with a layer using lightbox

tubize
tubize asked
on
Medium Priority
321 Views
Last Modified: 2006-11-18
I have set up a lighbox slide show on this page.

http://www.expat-online.com/club/irishclub/slideshow/thumb_nails.cfm?album=4

As you can see, my top menu which is coded in js/dhtml is on top of the fusebox layer. I was going to simply lower the lightbox but would prefer to leave it where it is and have code to make sure that the nav info is not displayed.

Appreciate your help.

John
Comment
Watch Question

Commented:
give your nav menu a z-index of -1

like:

z-index:-1;  in your CSS styling sheet

Author

Commented:
Thanks for your prompt response. Changed my css for header to this:

#header{background-color:#BBA97C; padding:5px 0;  height:60px; z-index:-1}

Other relevant css code is below.

#header{background-color:#BBA97C; padding:5px 0;  height:60px;}
 
#toplogo{ width:280px;  float:left; display:inline;  margin:14px 15px 0 14px}
#toplogo img{ display:block;  border:0px solid; margin-left:50px}
 
#topbanner{ float:center; width:auto;  text-align:center; display:inline;  margin:0 10px 0 75px}
#topnav{ height:2.1em;  background:#BBA97C; font-size:.8em;  z-index:-1}
#topnav a{padding:5px 0; width:inherit}

Thanks

John




but it doesn't cut it.

John
Commented:
ok then set your lightbox to something like: z-index:2000; to force it on top.

if that dont work, play about with z-index on your nav bar that shows through lightbox...

i have used lightboxes before i didnt have this issue so this is why im saying set z-index on your menu bar or nav bar...

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Commented:
thanks for the points and grade!

ellandrd

Commented:
p.s are you Irish?
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.