Solved

Problem with a layer using lightbox

Posted on 2006-11-02
5
259 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
0
Comment
Question by:tubize
  • 4
5 Comments
 
LVL 16

Expert Comment

by:ellandrd
Comment Utility
give your nav menu a z-index of -1

like:

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

Author Comment

by:tubize
Comment Utility
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
0
 
LVL 16

Accepted Solution

by:
ellandrd earned 200 total points
Comment Utility
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...
0
 
LVL 16

Expert Comment

by:ellandrd
Comment Utility
thanks for the points and grade!

ellandrd
0
 
LVL 16

Expert Comment

by:ellandrd
Comment Utility
p.s are you Irish?
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Both Easy and Powerful How easy is PHP? http://lmgtfy.com?q=how+easy+is+php (http://lmgtfy.com?q=how+easy+is+php)  Very easy.  It has been described as "a programming language even my grandmother can use." How powerful is PHP?  http://en.wikiped…
Problem to be resolved in this article Currently, development of website and web application can be done without writing thousands of lines of programming code by hand. Description This can be done through by using a open source framework such …
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now