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!

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 Adding Pages to a Website Add a New Page

how to add a unzipped img to the about page

I have a photo of myself for the about page called photo.PNG . But it will not upload and so the image will not work. any suggestions.

Edgar Gil
Edgar Gil
13,322 Points

Hope this can help you, Below i wrote how to add Images on HTML & CSS format.


img src="img/photo.png" alt="photo of myself"


div {

background-image: url('img/photo.png') no-repeat; }

Juan Aviles
Juan Aviles
12,795 Points

From what I'm reading, it's not a code issue but rather they can't get the image to upload into workspaces...correct?

i got it to upload but it just will not display

Juan Aviles
Juan Aviles
12,795 Points

I notice you show the extension PNG as uppercase, but the examples everyone here is giving you has it in lowercase. If the picture file extension really is uppercase, you need to make sure your HTML is the same.


2 Answers

Should be,

img src="..img/photo.png" alt="A photo of me"

OR img src="img/photo.png" alt="A photo of me"

OR img src="photo.png" alt="A photo of me"

...depending on where you have the file stored and what file structure you are using :-)

It's hard without seeing your full code.

I would recommend using codepen...or following the advice underneath for pasting code on here.

In the meantime you may need to use a . or a # before your DIV if that's how you've selected it.