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
Manny Sawhney
1,377 PointsPicture file is there but doesn't display actual picture on Smells like Bakin' Website
I have typed in the code for all the pictures and the files are there in the form of a little box with a sheet of paper in it but the actual picture isn't there. Would like an answer as soon as possible please
Manny Sawhney
1,377 PointsWhen I do that it just comes out as the content on my website, not the actual code.
Zachary Dalzell
3,236 PointsYou need to put 5 spaces before it so that it will mark it as code.
Be sure that you have the images in the "ing" folder that is inside of your project folder. Your "index.html" file needs to be one layer higher as well.
But yeah, code would be helpful!
Manny Sawhney
1,377 PointsWhat do you mean by 'one layer higher'?
Chris Kisselburgh
7,596 PointsThe index.html file should is the "root" file for your webpage, meaning that when the browser reads it it is going to look in the file directories you specify. In this case, if you have a folder for this project titled cupcakes then inside that folder should be the index.html file and the subfolder titled img. Then when you make your img tags the code would look like " <img src="img/picture.gif"> " where img/picture.gif is actually telling the browser to go look for the picture.gif file in the img subfolder. If the images are in the same folder as the index.html file then the code would be "<img src="./picture,gif"> " where ./ tells the browser to look for the image in the same directory as the index.html file.
1 Answer
Nick Pettit
Treehouse TeacherHi Manny Sawhney,
Just checking in, were you able to figure this out?
Manny Sawhney
1,377 PointsNo actuallly, instead I copied the code from codepen but I wasn't actually able to solve the problem with my code
Nick Pettit
Treehouse TeacherComparing the example to your own code can help you spot the differences and figure out why something might not work properly.
If you'd like, you can paste your code into CodePen and then leave the link here as a reply.
Tyler Wendlandt
4,267 PointsTyler Wendlandt
4,267 PointsPlease post the related code so that we can look for errors/etc.