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 How to Make a Website Creating HTML Content Build the Footer

Add 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

Hossam Khalifa
Hossam Khalifa
17,200 Points

Check The path to the image ,maybe you have a different path.

lihaoquan
lihaoquan
12,045 Points

<img src="PATH TO IMAGE"/> Does yours look like this?

Gerard Weppler
Gerard Weppler
4,357 Points

You 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.

I 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
Gerard Weppler
4,357 Points

Where 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.

Thanks 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.