Results 1 to 4 of 4

Thread: Problem with menu overlapping an imageviewer script

  1. #1
    Join Date
    May 2006
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Problem with menu overlapping an imageviewer script

    1) Script Title: Lightbox Imageviewer 2.0

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...box2/index.htm

    3) Describe problem: Whats going on with my page is that my main navigation bar overlaps the image viewer box when the script runs no matter how i set the z-index. The problem only exists on IE6 + 7 that i've noticed. Firefox for win/mac works fine and safari for mac works fine.

    Any suggestions?

    See it in action:
    http://www.saint-bernard.com/betasit...t/history.html
    (click on the thumbnails)

    Thanks!
    Last edited by jrthib; 02-25-2007 at 01:18 AM. Reason: just added another sentence

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,496
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Code:
    		<link href="../css/global2.css" type="text/css" rel="stylesheet" media="all" />
    <!--[if IE]>
    <style type="text/css">
    #lightbox, #overlay {
    z-index:10000!important;
    }
    </style>
    <![endif]-->	
    		<script src="js/prototype.js" type="text/javascript"></script>
    
    		<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
    		<script src="js/lightbox.js" type="text/javascript"></script>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    May 2006
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Awesome!

    Thanks a lot man. That worked!

    Do you know any good websites where i can get a better understanding of javascript at? Maybe a tutorial site?

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,496
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Well, that solution was a combination of css and IE conditional comments. Neither of which are javascript. A fairly good tutorial site is:

    http://www.w3schools.com/

    They cover most things, including javascript. However, there is no tutorial site that really gets everything right. Still, that is a very good one.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •