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

Images wont show up in browser

Hello I am new to coding and i am attempting to make my own website but my pictures and buttons will not show up and i want to see them in the browser to see my work. I have downloaded the project files and they are not buried inside folders and there are no answers on the forums at this present moment. please help asap. This is my code: http://screencast.com/t/l7jOV9m1BOj This is my browser: http://screencast.com/t/y4X0GV0Cz5

15 Answers

There is a typo in that file name: "img/new-cupcake-Jalepeno.jpeg" should be "img/new-cupcake-jalapeno.jpg"

Make sure the images are in a folder called 'img' which is in the same working directory of your index.html.

Good luck!

Hi there, it looks like the paths to your files are not correct, have you downloaded the img folder and is it in the same folder as your index.html file?

Ok there showing up now but <img src="img/featured-cupcake.jpeg" alt="this is a picutre of a avacado cupcake"> and that is the only one not showing up. is there something wrong with the code i typed up?

Have a look at line 8, you have written alts="" instead of alt="" .

That should fix it.

http://screencast.com/t/ZOBQjx4XKb1z ive highlighted the ones that dont work because i cant copy and paste the lines of code and post them

Changing the alt attribute typo shouldn't effect the image not being displayed - which images are not showing up in the code you have posted?

Make sure the image names are correct and make sure they are in the correct folder together. Also check that your using the right file extension (.gif/.png/.jpeg).

They are all with the correct extension and in the same file.

Can you post your site folder to dropbox so that we can download and take a look?

Did you try to add this? websitewaters-island01-stage02 So, it should be <img src="websitewaters-island01-stage02/img/logo.gif"…. Hope it works

i think thats a different picture

https://www.dropbox.com/s/1srtvgs2a9nm8vg/index.html Index.html file https://www.dropbox.com/sh/z0i4taw0yhdda5p/EsWAI0o2Y8 img files They are both sitting on my desktop so there in the same directory if im not mistaken

O.k. you are using jpeg instead of jpg as your file extension. If you change the file extensions in your html to jpg that will fix it. For info I would put your image folder and index.html into a separate folder on your desktop to keep things tidy.

Ok that almost fixed it but the jelapeno image does not show up. I have tried it as a gif a jpeg and a jpg extension file but it still doesn't show up

thanks ever so much

No problem at all.