1 Reply Latest reply on Feb 28, 2010 3:44 PM by icd_Danielle

    Lightbox and Flash issue


      I have a website that i created and it all have been validated in W3C. I have a header image (header) along the top of the website, then a flash banner (flash_content) and then the a horizontal navigation. Under this is text and images. When i view it in IE it all looks fine, however when i click on a image the lightbox goes behind my flash banner and stops me viewing the full image. How do i fix this?

      The code is below :



      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <title>ICD Unit-Home</title>

      <!-- CSS -->
      <link href="CSS/external.css" rel="stylesheet" type="text/css" />
      <link rel="stylesheet" href="CSS/default.css" media="screen,projection" type="text/css" />
      <link rel="stylesheet" href="CSS/lightbox.css" type="text/css" media="screen" />

      <!-- JavaScript -->
      <script type="text/javascript" src="js/prototype.js"></script>
      <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
      <script type="text/javascript" src="js/lightbox.js"></script>

      <script type="text/javascript" src="JS/chrome.js"></script>
      <script type="text/javascript" src= "flashobject.js"></script>
      <script src="js/lightbox.js" type="text/javascript"></script>
      <style type="text/css">
        body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
      <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>


      <div id="wrapper">

      <div id="header"><img src="imageFolder/header003.jpg" alt="ICD Unit" width="800" height="130" /></div>


      <script type="text/javascript" src="flashobject.js"></script>
      <div id="flashcontent" style="width: 780px; height: 220px"></div>
      <script type="text/javascript">
      var fo = new FlashObject("Flash/Flash one.swf", "animationName", "780", "220", "8", "#FFFFFF");
      fo.addParam("allowScriptAccess", "sameDomain");
      fo.addParam("quality", "high");
      fo.addParam("scale", "noscale");
      fo.addParam("loop", "false");

      <div id="navigation">
      <div class="chromestyle" id="chromemenu">

      <li><a href="index.html">Home</a></li>
      <li><a href="about_us.html">About Us</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="projects.html">Projects</a></li>
      <li><a href="Opportunities.html">Opportunities</a></li>
      <li><a href="contact.html">Contact</a></li>

      <script type="text/javascript">


      <div id="content">

      <div id="main_spacer">
      <img src="imageFolder/main_spacer.jpg" alt="main_spacer" width="800" height="10" /></div>
      <div id="left_column_large">

      <img src="imageFolder/asterisk_orange.png" alt="asterisk" width="16" height="16" class="icon_small" />

      <p>Whether you  are a potential client or you are just interested in what we do, please take  the time to have a look around... </p>

      <p><a href="imageFolder/index/JPIX 039_large.jpg" title="On shoot in Alice Springs at Flynn Drive Audiology Centre" rel="lightbox" class="left_image"><img src="imageFolder/index/JPIX-039.jpg" alt="On shoot in Alice Springs" width="150" height="100" border="0" /></a>


      <a href="imageFolder/index/JPIX 012_large.jpg" title="Jaysin on a photoshoot at Amoonguna Community in Alice Springs" rel="lightbox" class="centre_image"><img src="imageFolder/index/JPIX 012.jpg" alt="Jaysin on a photoshoot" width="150" height="100" border="0" /></a>


      <a href="imageFolder/index/mother_baby_kiribus_lge.jpg" title="Mother and baby in Kiribati, Fiji. Participants in the Immunisation campaign" rel="lightbox" class="centre_image"><img src="imageFolder/index/mother_baby_kiribus_sml.jpg" alt="Mother and baby in Kiribati, Fiji" width="150" height="100" border="0" /></a></p>