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 Gabriel Kopylov
Gabriel Kopylov
620 Points

How to make a website. Challenge task 2 of 2.

Not sure what my code is missing, or if there is some part of the code inaccurately displayed.

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.jpeg">
            <img src="IMG/numbers-01.jpg" alt="">
          </a>  
        </li>
        <li>
          <a href="img/numbers-02.jpeg">
            <img src="IMG/numbers-02.jpg" alt="">
          </a> 
        </li>
        <li>
          <a href="img/numbers-06.jpeg">
            <img src="IMG/numbers-06.jpg" alt="">
          </a> 
        </li>
      </ul>

    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

David Endersby
David Endersby
24,915 Points
David Endersby
David Endersby
24,915 Points

Hello Gabriel, A few things. You didn't need the anchor tags cos your not linking to the image just showing it. And the images are in the same directory as the html file so you don't need IMG/

Have a look at this

<!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>
Devin Gray
Devin Gray
39,261 Points
Devin Gray
Devin Gray
39,261 Points

Your IMG path in your img src should be lowercase, like this.

<img src="img/img.jpg" alt="" />