Css and shadowbox

Discussion in 'HTML & Website Design' started by gosurf, Jul 23, 2009.

  1. #1
    Hi, im use shadowbox for image viewer and im have some bugs, im attache screenshot its beter way to explain.

    [​IMG]

    as u see main menu bar is not hide and active. How can i fix this?

    Thanks
     
    gosurf, Jul 23, 2009 IP
  2. FDIM

    FDIM Member

    Messages:
    55
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #2
    It seems that menu is using "position:absolute" and has higher "z-index" value then your shadowbox.Try to look at these. Or drop me a link and i will check the problem :)
     
    FDIM, Jul 23, 2009 IP
  3. claire0917

    claire0917 Peon

    Messages:
    137
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Increase the z-index value of your shadowbox to 999 then your menu to 998
     
    claire0917, Jul 23, 2009 IP
  4. gosurf

    gosurf Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks bro,

    i was have in menu css this:


    #navmenu {
    	height: 30px;
    	padding: 0px 0px 0px 4px;
    	margin: 0;
    	position: relative;
    	z-index: 10000;
    	float: none;
    }
    PHP:

    and in lightbox css (lb.css)


    #jquery-overlay {
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 90;
    	width: 100%;
    	height: 500px;
    }
    #jquery-lightbox {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	z-index: 100;
    	text-align: center;
    	line-height: 0;
    }
    
    PHP:

    Im change menu css to

    #navmenu {
    	height: 30px;
    	padding: 0px 0px 0px 4px;
    	margin: 0;
    	position: relative;
    	z-index: 500;
    	float: none;
    }
    PHP:
    and lightbox css to

    #jquery-overlay {
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 900;
    	width: 100%;
    	height: 500px;
    }
    #jquery-lightbox {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	z-index: 1000;
    	text-align: center;
    	line-height: 0;
    }
    PHP:

    and now everythings looks perfect

    thanks again
     
    gosurf, Jul 24, 2009 IP