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 Lance Nuttman
Lance Nuttman
690 Points

make sure you include an image tag that displays "numbers-o1.jpg" ... but I am! (part 2)

I am doing the test portion, and I am not seeing what mistake I am making here. I check my work, and it gives me a "Bummer" message saying "make sure you include an image tag that displays "numbers-o1.jpg"". I even do the preview and everything looks correct, and I compared it to the code I typed during the exercise. Help, what am I missing?

I recently corrected missing the = after alt , but now I'm still not getting any progress. I have tried the img/ before each a href and img src line, and have omitted them, and neither works. The preview shows the images when I omit img/ . Sorry, this is stumping me.

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>
Zach Patrick
Zach Patrick
19,209 Points
Zach Patrick
Zach Patrick
19,209 Points

Hey were able to get the right answer? If, so could you mark one of the answers as 'best answer'?

1 Answer

Zach Patrick
Zach Patrick
19,209 Points
Zach Patrick
Zach Patrick
19,209 Points

The question didn't say that the images were in a folder. Just remove the 'img/' part of the src and your answer should be correct.

This is what I did and it worked...

<!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="numbers-01.jpg" alt=""></li>
      <li><img src="numbers-02.jpg" alt=""></li>
      <li><img src="numbers-06.jpg" alt=""></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Zach Patrick
Zach Patrick
19,209 Points
Zach Patrick
Zach Patrick
19,209 Points

Just remove the "img" folder from the src, and remove the anchor tags, since the question didn't specify them be added, and your answer is correct. Hope that helps!