Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.