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

CSS How to Make a Website Adding Pages to a Website Add a New Page

Posted by Alexandru Crisan
Alexandru Crisan
Courses Plus Student 2,713 Points

Profile picture wont show up. (using identical coding as in the video)

I can't get any picture to show up. I have tried other pics in the img folder, as well as links to images on the web. I'm not sure what I'm doing wrong.

<section> <img src="img/nick.jpg" alt="Photograph of Nick Petit" class="profile-photo"> <h3>About</h3> <p>Hi, this is Nick Petit, the guy who is teaching me HTML! I will be learning from him how to do front end web development.</p> <p>If you'd like to follow him on Twitter, his username is <a href="http://twitter.com/nickrp">@nickrp</a>.</p> </section>

1 Answer

Ivanka Todorova
Ivanka Todorova
47 Points
Ivanka Todorova
Ivanka Todorova
47 Points

The code you've provided should work with no problems. You can debug the webpage using Google Chrome Developer Tools.

  1. Press F12;
  2. Click on the magnifier and select the element which should display the image.
  3. Click on the "src" link and see what opens in a new tab. Google Chrome Developer Tools

Also when the developer tools console is opened, go to the "Network" tab and check the status of that resource: "nick.jpg". Network tab

Another problem that might have caused that issue

Alexandru Crisan
Alexandru Crisan
Courses Plus Student 2,713 Points

Thanks for your help. I scrolled to the right and realized the image appears to the right of the header. So, the image is appearing, but it doesn't appear in the right place. I will look into this more, but thank you for all the useful tips you gave me for the future.