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
arjun dhillon
Courses Plus Student 232 PointsImages 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
Gareth Redfern
36,217 PointsThere is a typo in that file name: "img/new-cupcake-Jalepeno.jpeg" should be "img/new-cupcake-jalapeno.jpg"
George S-T
6,624 PointsMake sure the images are in a folder called 'img' which is in the same working directory of your index.html.
Good luck!
Gareth Redfern
36,217 PointsHi 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?
arjun dhillon
Courses Plus Student 232 PointsOk 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?
George S-T
6,624 PointsHave a look at line 8, you have written alts="" instead of alt="" .
That should fix it.
arjun dhillon
Courses Plus Student 232 Pointshttp://screencast.com/t/ZOBQjx4XKb1z ive highlighted the ones that dont work because i cant copy and paste the lines of code and post them
Gareth Redfern
36,217 PointsChanging the alt attribute typo shouldn't effect the image not being displayed - which images are not showing up in the code you have posted?
George S-T
6,624 PointsMake 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).
arjun dhillon
Courses Plus Student 232 Pointsarjun dhillon
Courses Plus Student 232 PointsThey are all with the correct extension and in the same file.
Gareth Redfern
36,217 PointsCan you post your site folder to dropbox so that we can download and take a look?
Ileana Ionescu
358 PointsDid you try to add this? websitewaters-island01-stage02 So, it should be <img src="websitewaters-island01-stage02/img/logo.gif"…. Hope it works
arjun dhillon
Courses Plus Student 232 Pointsi think thats a different picture
arjun dhillon
Courses Plus Student 232 Pointshttps://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
Gareth Redfern
36,217 PointsO.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.
arjun dhillon
Courses Plus Student 232 PointsOk 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
arjun dhillon
Courses Plus Student 232 Pointsthanks ever so much
Gareth Redfern
36,217 PointsNo problem at all.