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

Michael Hampshire
Michael Hampshire
12,206 Points
Posted by Michael Hampshire
Michael Hampshire
12,206 Points

Images corrupting

I'm trying to figure out why my images are corrupting or something when i try to open my html file in my browser. I typed everything the way it should be: <img src="Creek.jpeg"> and it shows like a corrupt file in the top left. Can anyone tell me what's going on?

4 Answers

Michael Hampshire
Michael Hampshire
12,206 Points
Michael Hampshire
Michael Hampshire
12,206 Points

I found the problem. In the video i watched, I was told to type out: <img src="pic.jpeg"> when I should have typed <img src="pic.jpg"> I was typing out jpeg instead of jpg. P.S the pic was a jpeg.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Send an email to help@teamtreehouse.com to report the issue so they can fix the extension on that file in project files.download.

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

I think you're mistaking a missing image for a corrupted one, if an image is missing you would see the result in the link below.

http://jsfiddle.net/5p7u4/embedded/result/

If you could please explain a little bit about your directory structure as it's hard to make any assumptions without any information to go off.

Ephraim Joselit
Ephraim Joselit
1,021 Points
Ephraim Joselit
Ephraim Joselit
1,021 Points

there are two files one for mac and one for windows make sure you are using the right img file

Eddie Freedman,
Eddie Freedman,
294 Points

Ephraim, what is the difference between the two, because my images are missing as well, and I cannot tell the difference between a mac img folder and a windows img folder.

Ephraim Joselit
Ephraim Joselit
1,021 Points
Ephraim Joselit
Ephraim Joselit
1,021 Points

the best way to sort this out is to create a new folder "smells like bakin" and in it make an IMG and CSS folders. then save your INDEX file in the smells like bakin folder. now go into the files you downloaded from teamtreehouse and open the img file make sure that you can open the images (if you cant your in the wrong folder) and copy them into you new IMG folder. making your own folders for everything in one place will cut down on the issues where the browser can not find the link you are asking it to.