Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Wierd <img> problem

Options
  • 04-11-2010 1:40pm
    #1
    Registered Users Posts: 3,992 ✭✭✭


    Ok so ive developed a simple site for a neighbor of mine to display images of products he sells...

    Everything is working fine except one image...

    If you look at this page in chrome everything is normal and the images are diaplayed grand...

    http://www.petshome.biz/root%20mc/chainDogRuns.html

    Now look at it in internet explorer..

    The second image is not displayed.. (for me anyway)... but all of the others are..


    I cant find any mistakes, can someone help...

    Below is the code for the first and second dogruns..
    <div class="cushycms">
    <table width="100%" height="100%" cellpadding="3" cellspacing="0" border="0">
    <tr>
      <td width="40%" align="left" valign="top"><!-- Make Sure to set image width to 465 and height to 349 --><img src="../images mc/chainlink dogruns/chainlink dog run 1.jpg" width="465" height="333"  hwight="200px"/></td>
      <td width="60%" align="left" valign="top"><!-- Description Goes Here -->
      <bl>
      <li>5ft x 5ft x 4ft High Run</li>
    </bl>
      </td></tr>
    <tr><td align="left" valign="top"></td>
      <td align="left" valign="top"><!-- Price Goes Here --->
      </td>
    </tr>
        </table>
        </div>
        <br/>
        <div class="cushycms">
    <table width="100%" height="100%" cellpadding="3" cellspacing="0" border="0">
    <tr>
      <td width="40%" align="left" valign="top"><!-- Make Sure to set image width to 465 and height to 349 --><img src="../images mc/chainlink dogruns/chainlink dog run 2.jpg"/></td>
      <td width="60%" align="left" valign="top"><!-- Description Goes Here -->
      <bl>
      <li>5ft x 5ft x 4ft High Run With Roof</li>
    </bl>
      </td></tr>
    <tr><td align="left" valign="top"></td>
      <td align="left" valign="top"><!-- Price Goes Here --->
       </td>
    </tr>
        </table>
        </div>
    

    Cheers


Comments

  • Registered Users Posts: 6,510 ✭✭✭daymobrew


    I think it is an issue with the image itself rather than your html code (though the W3C Validator reports 101 errors in the html).

    Aside: The image is almost 500kb while the first image is 121kb. I recommend recreating the problem image and then uploading it again.


  • Registered Users Posts: 2,791 ✭✭✭John_Mc


    Edited


  • Registered Users Posts: 7,869 ✭✭✭The_B_Man


    Try take out the spaces in the filename, maybe?


  • Closed Accounts Posts: 18,163 ✭✭✭✭Liam Byrne


    Check that the image is an RGB JPEG; I've seen issues where an image is saved as CMYK.


  • Registered Users Posts: 121 ✭✭futonic


    Maybe you fixed it already OP, but looks fine to me in IE7 and FF 3.6


  • Advertisement
  • Registered Users Posts: 6,510 ✭✭✭daymobrew


    Still broken for me in IE8/Vista.


  • Registered Users Posts: 68,317 ✭✭✭✭seamus


    Definitely an issue with the image encoding or something.

    Exact same image attached, just cropped a single pixel off from each side and resaved. Works fine now in IE.


  • Registered Users Posts: 3,992 ✭✭✭Korvanica


    I believe it was an encoding problem yea, the one you did Seamus works fine for me...

    How about you?

    Cheers for the help everyone it was much appreciated....


Advertisement