links inside my div not working in IE...please HELP!

• • Reply

  14 years ago

  by amercado

  amercado

  Indiana, India

  Joined 15 years ago
  Below is a snippet of html where i'm trying to display a div with a transparent background image that overlays over the web page. On top of this div is a table with images which i want to act as links, but apparently any link inside the div does not work in IE 6 or 7. this does work in firefox though. any Event handlers attached to the any div's or tables in side the containing div will not work eithe. can anyone please help me  in making the links/ event handlers work inside this div? Thanks
  
  
  <div class='text' id='itemTooltip' style='position: absolute; background-image: url(http://www.something.png); z-index:100; width:100%; height: 100%; text-align: center; display:none' >
      <center>
              
                  <table style='background-color:#FFFFFF;' class="text" border="0" cellpadding="0" cellspacing="0" width="606" id='toolTipTable'>
                      <tr>
                      <td background='http://www.something.png' style=' width: 7px; height: 39px;'></td>
                      
                          <td background='http://www.something.png' style='background-repeat:no-repeat;' width='237' align='center'></td>
                          <td background='http://www.something.png' style=' background-repeat:repeat-x;' width='300' align='left'></td>
                          <td background='http://www.something.png' width='20' align='center' style='background-repeat:no-repeat;' onClick="hideTooltip('itemTooltip')"></td>
                          <td background='http://www.something.png' align='right' style=' background-repeat:no-repeat;' width='20'></td>
                          
                      </tr>
                  </table>
                  
                      <table style='background-color:#FFFFFF;' class="text" border="0" cellpadding="0" cellspacing="0" width="606">
                      <tr height="31">
                              <td background='http://www.something.png' style=' background-repeat:repeat-y;' width="13"></td>
                              <td background='http://www.something.jpg' width='553'><div style='display:inline;' id='overviewDiv'><a onClick="showTab('overviewImg');" href="BLOCKED SCRIPTvoid 0;"><img id='overviewImg' src="http://www.something.jpg" border="0"></a></div><div style='display:inline;' id='galleryDiv'><a onClick="showTab('galleryImg');" href="BLOCKED SCRIPTvoid 0;"><img id='galleryImg' src="http://www.something.jpg" border="0"></a></div><div style='display:inline;' id='virtualDiv'><a onClick="showTab('virtualImg');" href="BLOCKED SCRIPTvoid 0;"><img id='virtualImg' src="http://www.something.jpg" border="0"></a></div></td>
                              
                              <td background='http://www.something.png' style=' background-repeat:repeat-y;' align='right' width="14"></td>
  
                      </tr>
                      <tr>
                              <td background='http://www.something.png' width="13"></td>
                              <td bgcolor="#c5c5c5" width="1"></td>
                      </tr>    
                  </table>
                      
      </center>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Report abuse