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
benaiahvarner
1,886 Pointshow 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.
Juan Aviles
12,795 PointsFrom what I'm reading, it's not a code issue but rather they can't get the image to upload into workspaces...correct?
benaiahvarner
1,886 Pointsi got it to upload but it just will not display
Juan Aviles
12,795 PointsI 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.
~Juan
2 Answers
lovell
7,882 PointsShould 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 :-)
lovell
7,882 PointsIt'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.
Edgar Gil
13,322 PointsEdgar Gil
13,322 PointsHope this can help you, Below i wrote how to add Images on HTML & CSS format.
HTML
img src="img/photo.png" alt="photo of myself"
CSS
div {
background-image: url('img/photo.png') no-repeat; }