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 Frank Caro
Frank Caro
2,172 Points

Beware! Make sure you include an image tag that displays"number-01.jpg". This is displayed when I check my work.

I've been stuck on this question for 5 days. This is challenge task 2 of 2 on How to make a Website. Here is how I answered.

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

This is the part of the answer I believe I put down to answer the question.

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

1 Answer

Amir Eskandari
Amir Eskandari
9,153 Points
Amir Eskandari
Amir Eskandari
9,153 Points

Hi Frank,

Remove all of the anchor tags completely and you should pass this challenge!

Something like this:

    <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>
Frank Caro
Frank Caro
2,172 Points

Wow thank you Amir. That worked. I'm not sure why I had to remove the anchor tags but I passed and can now continue forward. This was the first time I used help and it worked great. I thank you again.

Amir Eskandari
Amir Eskandari
9,153 Points
Amir Eskandari
Amir Eskandari
9,153 Points

No problem Frank, I'm glad it worked! Just to clarify, the only reason we had to remove the anchor tags was because the problem said "Leave the alt attributes blank, and don’t add any captions or links." Since the anchor tags are for links, it was causing your code to fail. Hope that helps!

Frank Caro
Frank Caro
2,172 Points

Thanks for the explanation Amir, I get now