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

Andrew Buller
Andrew Buller
715 Points
Posted by Andrew Buller
Andrew Buller
715 Points

I am stuck on the How to make a website track, challenge task 2 of 2 on the organizing with unordered lists.

It is saying I need to make sure I include an image tag that diplays "img/number-01.jpg" but that is what I am seeing on my code. What am I missing or misinterpreting here?

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> Playing with blending modes in Photoshop. </p>
             </a>
          </li>
          <li>
             <a href="img/numbers-02.jpg">
               <img src="img/numbers-02.jpg" alt="">
               <p> Trying to create an 80's style of glows. </p>
             </a>
          </li>
          <li>
             <a href="img/numbers-06.jpg">
               <img src="img/numbers-06.jpg" alt="">
               <p> Drips created using photoshop brushes. </p>
             </a>
          </li>
        </ul> 
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

sebastiang
sebastiang
8,168 Points
sebastiang
sebastiang
8,168 Points

Hi!

I think you did too much. You just have to add the images like:

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

Don't use a link (a href...) and a paragraph.
Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Andrew,

You put in more than what the challenge asked for. Even though your code is correct, the challenges are picky and strict. Remove the 'a' tags and the paragraphs. Leave only the img tags with the image location and it will let you pass.

Keep coding! :)