Welcome to WebmasterWorld Guest from 54.226.62.26

Forum Moderators: not2easy

Message Too Old, No Replies

Some images not displaying in IE, can't figure out why

Safari/Firefox will display all images, IE only displays 2 of 20

     

iamkatemcg

4:57 pm on Mar 23, 2010 (gmt 0)

5+ Year Member



Background: this is a basic html, image-heavy website for a small business. I would say my html abilities are intermediate level. I'm a newbie at webmasterworld. All of these images are stock images.

Problem: The images display on Safari & Firefox, but only 2 of the 20 images display on any IE browser. I've continued to troubleshoot and test (i.e. deleting cookies/browser history, lowering security level, changing file extensions from .jpg to .gif, trying to force the picture to show) on IE, and I still only get a few images to display, with the rest loading as the red boxes. The first two images display, and the rest don't. Please help me understand why they won't display and how I can fix this. Thank you!

Here is a snippet of the code:

<div class="art-PostContent">
<div class="cleared"></div>
<table class="table" width="100%">
<table>
<table class="table" width="100%">
<tr>
<td width="33%" valign="top">
<div class="l"></div><div class="r"></div>
<tbody>
<td> <img src="images/example.gif" alt="example" height="60" width="100" /> </td>
<td> <img src="images/example.gif" alt="180" height="60" width="60" /> </td>
<td> <img src="images/example.gif" alt="Adams" height="60" width="60" /> </td>
<td>
<img src="images/example.jpg" alt="Adidas" height="60" width="60" />
</td></div>
<tr><td width="33%" valign="top"><div class="l"></div><div class="r"></div>
<tr>
<td>
<img src="images/example.jpg" alt="Alternative" height="50" width="75" />
</td>

[edited by: limbo at 5:06 pm (utc) on Mar 23, 2010]

limbo

5:08 pm on Mar 23, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi iamkatemcg

On quick glance - you are using non compliant HTML. There is 3 nested tables without the correct mark-up. It's a good idea to validate HTML, it can fix all manner of display issues in drafts.

Also - check your file paths all correspond to the exact location of the images on the server.

iamkatemcg

5:03 pm on Apr 19, 2010 (gmt 0)

5+ Year Member



Hi limbo!

Thanks for the reply--fixed to make compliant, and was able to display the images simply by removing the align=left.

Appreciate the help!
 

Featured Threads

Hot Threads This Week

Hot Threads This Month