• Web Design (WordPress, Joomla, etc.)

  Page not display well in IE & FF

  Posted by Kan Lui on July 30, 2010 at 1:19 am

  I have a test page: https://www.magicare.ca/test_pages/team/test_A.html

  What I want to do is:
  The bigger picture changes when cursor moves over small pictures. I used a javascript to do this. It works perfectly in browsers like Safari, Chrome. However in IE and Firefox, the small pictures appear not align with each other. Does anyone know what the problem is and how to fix it?

  The script:

  function roll(img_name1, img_src1, img_name2, img_src2)
  {
  document[img_name1].src = img_src1;
  document[img_name2].src = img_src2;
  }

  Thanks.

  -KL

  Kan Lui replied 16 years, 1 month ago 2 Members · 2 Replies
• 2 Replies

• 

  Mike Smith

  July 30, 2010 at 8:06 am

  Well it looks like the issue is in your tables code. Are you using anything to force the images in individual cells to match cell dimensions / are you sure your padding is turned off / on at least one of your rows, you appear to have switched width and height, which would break your alignment …
  <td width="68" height="70"><img src="../img/team_sm_06.png" width="68" height="70" /></td>
• 

  Kan Lui

  July 31, 2010 at 7:19 am

  I have set the padding to 0 and it displays well in Safari and Chrome. So I think it may not be the problem of width and height setting. Thanks.

  -KL

Reply to this Discussion! Login or Sign Up