Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Harry Abernethy
Harry Abernethy
10,007 Points

I.E 11 images.

Just wondering is it a current problem with I.E 11 to not show images or have done something wrong.

I've been coding for quite some time now and had a break for a while came back to build a site.

Now adding an image is very basic stuff but for some reason I.E is not displaying it.

Checked the file directory, validated html with w3c, works fine on other browsers.

image displays when using the background url() css feature but not with a simple <img src=" " alt=""/> tag.

this is doing my nut in now.

Any ideas?

Richard Ling
Richard Ling
8,522 Points

Hi Harry, can you include your code, so we can see where the problem might be? :)

Andreas Anastasiades
Andreas Anastasiades
2,916 Points

Could be a few things, maybe;

  • Did you use a closing tag? <img ... />

  • Try adding this css img {zoom: 1 !important;}

  • Check if your browser enables images, look here http://www.computerhope.com/issues/ch000813.htm

  • Last but not least (this happened to me once and caused a major headache!!) Open your images in Photoshop and check if they are in RGB mode. If they are in CMYK mode, they will probably not show up. Convert to RGB, save and upload them to check if everything works well.

Hope this helps

Harry Abernethy
Harry Abernethy
10,007 Points

Code below as requested.

I have gone through everything that was mentioned to try and to no luck.

On a strange note one or 2 of the images on the other pages were displaying fine, however did not have any alt text. once the alt text was added the image vanished.

          <img id="logo" src="/images/logo1.png" alt="website logo" />
Harry Abernethy
Harry Abernethy
10,007 Points

Still having this issue, I even reset all browser settings and created a test page with no css and moved the image to the index directory and to no avail.

3 Answers

Andreas Anastasiades
Andreas Anastasiades
2,916 Points

That's a good fallback. Inspire people who still use IE to go Chrome!

Harry Abernethy
Harry Abernethy
10,007 Points

If I figure it out ill let ya know.

Andreas Anastasiades
Andreas Anastasiades
2,916 Points

Yes, if you do, please post the answer. I'm kinda intrigued!

Andreas Anastasiades
Andreas Anastasiades
2,916 Points

can you post a live link to this issue, or is it in a testing development?

Harry Abernethy
Harry Abernethy
10,007 Points

Just on my pc locally, which might be the cause. This is driving me insane.

Never had an issue with images since I first started college 4 years ago with this stuff lool.

Kill me now!

Andreas Anastasiades
Andreas Anastasiades
2,916 Points

I get your frustration. Seems that more people have this problem though. So your image html is fine, since every other browser acts normal. The IE settings are set to display images. Cleared cookies, cache, etc? Images in RGB mode. IF all of the above fail, I've still got an ace up my sleeve... Remove IE permanently, ignore that sh*t and your life will be great again :) (not the best solution, but prevents a serious headache)

Harry Abernethy
Harry Abernethy
10,007 Points

I will try a re install of I.E

I could just forget about it for now and perhaps add a Js prompt to download chrome haha