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 Organize with Unordered Lists

Posted by Kawita Kandpal
Kawita Kandpal
715 Points

Organize with Unordered Lists

On the "Organize with Unordered Lists" section, the instructions are: "Inside the three new list items, add the following images from inside the img folder: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg". Leave the alt attributes blank, and don't add any captions or links." Something is amiss on my end. Help?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit</title> </head> <body> <header> <a href="index.html"> <h1>Nick Pettit</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section>

   <ul>
<li>
  <img src="img/numbers-01.jpg" alt="">
</li>
<li>
  <img src="img/numbers-02.jpg" alt="">
</li>
<li>
  <img src="img/numbers-06.jpg" alt="">
</li>
  </ul>

  </section>
<footer>
  <p>&copy; 2013 Nick Pettit.</p>
</footer>

</body> </html>

2 Answers

William Santana
William Santana
3,032 Points
William Santana
William Santana
3,032 Points

Assuming that you're using workspaces, check to make sure that the images are inside the correct folder, and that you're referencing them towards the correct path inside your index.html file.

if you see the images on the left side of your workspaces, click, drag and hold them until they are all on top of the "img" folder or "path". I had the same issue with this, but played around with it until I figured it out. I would recommend following the examples outside of workspaces on your own IDE or even using a text editor of your choice (lots of free ones online). I see it as good practice for when you're building websites on your own in the future. Hope this helps! Good luck!

Miguel Pardo
Miguel Pardo
6,284 Points
Miguel Pardo
Miguel Pardo
6,284 Points

Thats for the challenge right? Remove the "img" part. Type them like this <li><img src="numbers-01.jpg" alt=""></li>