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

Michael Kuney
Michael Kuney
3,709 Points
Posted by Michael Kuney
Michael Kuney
3,709 Points

I think I have done this correctly but it will not let me progress. Many thanks

I dont have any details to add to this question. My code should be attached. many thanks

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

bronsonroybal
bronsonroybal
16,715 Points

Almost there, you don't need the anchor (<a>) tags around your image tags. Also the images are located in the same folder as your HTML therefore you don't have to point it to a img folder then to your image, just point to the image.

<!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"></li>
        <li><img src="numbers-02.jpg"></li>
        <li><img src="numbers-06.jpg"></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Michael Kuney
Michael Kuney
3,709 Points
Michael Kuney
Michael Kuney
3,709 Points

Many thanks bronsonroybal. I am now able to progress