Code is there...but not displaying...

[1840dsgn]

Ok...this is really wierd!

Firstly, take a look at my blog design in Firefox... http://www.blog.1840dsgn.co.uk

You'll see at the bottom in the footer a random generation of books and music that I like/find useful.

Now go into IE7 and check the same page...you will notice that the titles are there but the images are not! BUT if you do view source in IE7 and navigate yourself to the bottom on the code you will see this:

Code: Select all

 
<div id="footer">
  <div class="books">
   <p>Useful Books</p>
   <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="Zen of CSS Design, The: Visual Enlightenment for the Web (Voices That Matter)"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="Zen of CSS Design, The: Visual Enlightenment for the Web (Voices That Matter)" /></a>
  <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="Web Standards Solutions: The Markup and Style Handbook"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="Web Standards Solutions: The Markup and Style Handbook" /></a>
  <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="HTML Utopia: Designing Without Tables Using CSS, 2nd Edition"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="HTML Utopia: Designing Without Tables Using CSS, 2nd Edition" /></a>
  <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="Build Your Own Website The Right Way Using HTML & CSS"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="Build Your Own Website The Right Way Using HTML & CSS" /></a>
</div>
  <div class="music">
   <p>Music</p>
 <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="Minutes To Midnight"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="Minutes To Midnight" /></a>
  <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="Infinity On High"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="Infinity On High" /></a>
  <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="Then and Now"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="Then and Now" /></a>
  <a href="http://www.amazon.co.uk/exec/obidos/...lantheseed-20/" title="Favourite Worst Nightmare"><img src="http://images-eu.amazon.com/images/P....02._AA80_.jpg" alt="Favourite Worst Nightmare" /></a>
      </div>
 </div>

So thats the html code...that has been generated and obviously sent to the browser...but for some reason is not displaying...anyone got any idea why?!

Mike

[karinne]

Add the widths and heights attribute to each image. Sometimes IE need it.

[1840dsgn]

Ah, ok then. I'll give it a try when i'm at home.

cheers

[1840dsgn]

Nope no luck...not to worry.

I've tracked my loading time problems down to be this plugin anyway because without it in IE it loads quick, but in FF it takes forever and its because of this.

So goodbye to the AMM plugin - its really good but not worth the hassle!