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 Amelie Nadeau
Amelie Nadeau
2,628 Points

I get the message "include an image tag that numbers-01.jp" but it has been included and the preview works...

...

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

5 Answers

Jay Padzensky
Jay Padzensky
4,731 Points
Jay Padzensky
Jay Padzensky
4,731 Points

Hi Amelie,

Nice work so far! SO, I'm taking a look at the Code Challenge, here are the directions:

Inside the three new list items, add the following images: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg". Leave the alt attributes blank, and don’t add any captions or links. Just the images!

Then, looking through your code, I can see some links in there. 

        <a href="img/numbers-01.jpg">
        <img src="img/numbers-01.jpg" alt="">
        </a>

Perhaps removing them will help you pass the Code Challenge? Keep up the hard work!

Amelie Nadeau
Amelie Nadeau
2,628 Points
Amelie Nadeau
Amelie Nadeau
2,628 Points

Thanks Cynthia. Tried but it did not work. Even went ahead and copied the code from the following lesson to see if it would put it as wrong and it did so no clue what is the issue.

Cindy Lea
Cindy Lea
Courses Plus Student 6,497 Points
Cindy Lea
Cindy Lea
Courses Plus Student 6,497 Points

Im remembering something about putting a .. in front of image path. Not sure if you need / in front or not.

Amelie Nadeau
Amelie Nadeau
2,628 Points
Amelie Nadeau
Amelie Nadeau
2,628 Points

There is no mention of any a in the <img scr="" alt=""> in the videos of this section. Thanks for trying to help though: )

Amelie Nadeau
Amelie Nadeau
2,628 Points
Amelie Nadeau
Amelie Nadeau
2,628 Points

Hi Jay. I went ahead and covered the other lessons in this section and was able to backtrack when I realized that I had coded too much for what was asked... I'll see that as being motivated to learn: )

Many thanks for the reply. Amelie