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 Julian Wheeler
Julian Wheeler
400 Points

I'm having trouble with this particular challenge. I put in the code for img/numbers-01.jpg but get bummer signal.

I put in the following code:

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

but the challenge system say's 'bummer... make sure you include an item for 'img/numbers-01.jpg' as if there is not item. I sneak a peek to the next challenge and find the code is correct, but on this challenge it generates a 'bummer'. ???

index.html 
<!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">
        </li>
        <li>
          <img src="img/numbers-06.jpg">
        </li>       
      </ul>  
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

unsubscribed User
unsubscribed User
8,639 Points
unsubscribed User
unsubscribed User
8,639 Points

I copied and pasted your code into that challenge and it worked fine. In the exact same area too. I would refresh and try again later.

      <ul>
        <li>
          <img src="img/numbers-01.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-02.jpg">
        </li>
        <li>
          <img src="img/numbers-06.jpg">
        </li>       
      </ul>
unsubscribed User
unsubscribed User
8,639 Points

If you're talking about the second part of the challenge, get rid of your file path ('img/') and keep the original file name.

Julian Wheeler
Julian Wheeler
400 Points
Julian Wheeler
Julian Wheeler
400 Points

Your suggestion worked. But now I don't know why.

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

It worked because the challenge didn't say the image files were in a folder called img. When you put img/numbers-01.jpg, you are telling it to go to a folder in your root directory called img, and inside that folder, you will find "numbers-01.jpg."

In this case, however, the images needed are just located in the root directory. This is why you only put the file name, because, by default, it will always look in the root directory unless otherwise directed.

I hope that clears up why for you. Keep Coding! :)