Results 1 to 8 of 8

Thread: z-index problem

  1. #1
    Join Date
    Jan 2009
    Location
    NH
    Posts
    356
    Thanks
    54
    Thanked 10 Times in 10 Posts

    Default z-index problem

    on this page when you click on a thumbnail, the lightbox opens the image behind the menu if you are near the top of the page. I have the z-index set as 10. What am I doing wrong?
    thanks

    http://ryesunrise.com/index_files/vl...uallightbox.js is where the visuallightbox Javascript file is located

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    381
    Thanks
    6
    Thanked 35 Times in 33 Posts

    Default

    I think this is what you need to do:
    add this anywhere:
    Code:
    #vlb1overlay {z-index:100 !important;}
    Then add this
    z-index: 1;
    to
    ul#css3menu1,ul#css3menu1 ul
    in RyeSunrise_menu_files style.css
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  3. #3
    Join Date
    Jan 2009
    Location
    NH
    Posts
    356
    Thanks
    54
    Thanked 10 Times in 10 Posts

    Default

    that didn't work and I made another new site and the photo's pop up under the navigation menu bar again.

    I looked in the http://ryebeachhome.com/RyeBeachHome_menu_files/css3menu1/style.css

    here is the lighbox css page and this too

  4. #4
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    381
    Thanks
    6
    Thanked 35 Times in 33 Posts

    Default

    Where is your css for your menu bar?
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  5. #5
    Join Date
    Jan 2009
    Location
    NH
    Posts
    356
    Thanks
    54
    Thanked 10 Times in 10 Posts

    Default

    Quote Originally Posted by Deadweight View Post
    Where is your css for your menu bar?
    that is the link http://ryebeachhome.com/RyeBeachHome...enu1/style.css

  6. #6
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    381
    Thanks
    6
    Thanked 35 Times in 33 Posts

    Default

    This might sound awkward but can you zip all the contents and message me the link to download it. Would make this much more easy to figure out
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  7. #7
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    381
    Thanks
    6
    Thanked 35 Times in 33 Posts

    Default

    Change in style.css
    Code:
    ul#css3menu1{
    	font-size:0;width:100%;z-index:999;position:relative;display:inline-block;zoom:1;padding:0 0%;margin:0 0%;
    	*display:inline;*padding-right:0.95%;}
    to:
    Code:
    ul#css3menu1{
    	font-size:0;width:100%;z-index:10;position:relative;display:inline-block;zoom:1;padding:0 0%;margin:0 0%;
    	*display:inline;*padding-right:0.95%;}
    in styles.css under header make that 11:
    Code:
    header {
    		background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);
    		border-bottom: 1px solid rgba(0,0,0,.1);
    		box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    		display: block;
    		position: fixed;
    		width: 100%;
    		z-index:1000;
    	}
    to
    Code:
    header {
    		background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);
    		border-bottom: 1px solid rgba(0,0,0,.1);
    		box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    		display: block;
    		position: fixed;
    		width: 100%;
    		z-index:11;
    	}
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  8. The Following User Says Thank You to Deadweight For This Useful Post:

    mlegg (08-15-2014)

  9. #8
    Join Date
    Jan 2009
    Location
    NH
    Posts
    356
    Thanks
    54
    Thanked 10 Times in 10 Posts

    Default

    WOW this has been driving me insane
    thank you so much!

Similar Threads

  1. Replies: 0
    Last Post: 12-24-2009, 03:08 AM
  2. Z-index problem in IE
    By vinayhk in forum CSS
    Replies: 7
    Last Post: 11-02-2009, 01:47 PM
  3. Replies: 11
    Last Post: 06-01-2009, 12:12 AM
  4. IE z-index problem
    By Schmoopy in forum CSS
    Replies: 2
    Last Post: 11-14-2008, 05:09 AM
  5. IE6 z-index problem.
    By jlizarraga in forum CSS
    Replies: 2
    Last Post: 09-03-2008, 01:20 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •