Link to home
Start Free TrialLog in
Avatar of tubize
tubize

asked on

Problem with a layer using lightbox

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
Avatar of ellandrd
ellandrd
Flag of Ireland image

give your nav menu a z-index of -1

like:

z-index:-1;  in your CSS styling sheet
Avatar of tubize
tubize

ASKER

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
ASKER CERTIFIED SOLUTION
Avatar of ellandrd
ellandrd
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
thanks for the points and grade!

ellandrd
p.s are you Irish?