Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Problem with a layer using lightbox

Posted on 2006-11-02
5
Medium Priority
?
271 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
5 Comments
 
LVL 16

Expert Comment

by:ellandrd
ID: 17860391
give your nav menu a z-index of -1

like:

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

Author Comment

by:tubize
ID: 17860560
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 800 total points
ID: 17860583
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
ID: 17860900
thanks for the points and grade!

ellandrd
0
 
LVL 16

Expert Comment

by:ellandrd
ID: 17860906
p.s are you Irish?
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
This video teaches users how to migrate an existing Wordpress website to a new domain.
Suggested Courses

722 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