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

I have the code typed out perfectly but it keeps showing me that i need to make it a "img/numbers-01.jpg", which I have.

I tried typing this out many different ways for it to go through. I even looked at my workspace to try and see where I was going wrong. Even after looking at my workspace I found that it matched what I wrote in the quiz the exact same. The same thing keeps popping up every time I tell it to check my work. Make sure to include the image tag, "img/numbers-01.jpg". I have it exactly how it is in my work space and even when I preview it it shows up with the images.

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>

4 Answers

Remember that the code checker is not very smart, so sometimes the error it gives you is not exactly what the problem is!

The question says to not add any links yet, but you included them. The code checker expects to see an img tag as the first thing in the list item and instead sees a link, so it says it can't find the img tag. What's really wrong is the extra links!

Thank you so much, I'll be sure to read the question more carefully and make sure I don't add anything that isn't needed or asked for.

Are those black squares showing as a highlight or do you have spaces in your code between the equal sign and the "?

The black squares were because I had just put used spaces. That was the very last thing i did just to try it. They weren't there before but I thought I would try it just to see if it worked.

The challenge task isn't asking for you to wrap your images with an anchor tag. If you remove those, it should go through. Be careful when copying code into the challenge tasks if you're going to copy, I'd recommend just writing it over again. By writing things out completely, even twice, you'll retain the knowledge better. Just my experience!

Thank you very much, I think I will try that method, I feel like it would stick better for me to. Thank you for the input

<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>

Take out the <a href></a> tags and only include the <img> like above.