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 trialAnge Ombagala
179 PointsAdd images.
I entered all the codes exactly as described in the tutorial, but on web page preview the image doesn't come up. It only shows an icon, but not the actual image
6 Answers
Carla Thomas
Front End Web Development Techdegree Student 16,039 PointsI would love to help you. Please post your code. (Use the "markdown cheatsheet" below if you need help posting your code.)
Hossam Khalifa
17,200 PointsCheck The path to the image ,maybe you have a different path.
lihaoquan
12,045 Points<img src="PATH TO IMAGE"/>
Does yours look like this?
Gerard Weppler
4,357 PointsYou need to share your code with us so we can help you.
What I would say if you claim to copy the code exactly how they did, which maybe you did miss something so rewrite the entire code again to be sure.
However, when you downloaded the project files, did you copy over the folder where the image sits or did you go into the img folder and just pull the image out????
I made that mistake once when I first started and I did not want to have so many files for the folder I created so I just copied over the img in stead of the folder which the img is in.
Veronica Reynolds
1,461 PointsI am actually having the same problem. I dragged over just the "img" folder from the downloaded project file, and the images don't show up within the workspace either - when I open the "img" folder within the workspace, they show up as the image placeholder / icon, not the actual image.
Gerard Weppler
4,357 PointsWhere are you dragging the folder to? Workspaces? I use Atom as my text editor, and you may want to use one that professionals use. If you are taking front-end web development courses, once you complete the course to build a website with Nick, you will move to CSS with Gil and his method of teaching is difficult to follow along with. He does not take you step by step like Nick does and he does not use workspaces. So you will need to download a text editor.
How to add images:
create a folder in your text editor and give it a name. download the project files from treehouse. open up the start folder from the project files. drag all the html, css, and img folder. and move to the folder you created in text editor.
Make sure you are moving the folder that the images are in and not just the images.
Veronica Reynolds
1,461 PointsThanks Gerard - I forgot to add "img/" in front of the image name, fixing that solved my problem.
But also, thanks for the tip on using an external editor and the suggestion of which one to use. Appreciate it.