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

E Mula
E Mula
5,081 Points
Posted by E Mula
E Mula
5,081 Points

do not know what is wrong with html code ?

do not know what is the problem because every thing seem right but it the code came with an error message saying that ("img/numbers-01.jpg") is not 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>
        </li>
          <a href= "img/numbers-01.jpg">
          <img src= "img/numbers-01.jpg"alt="">
          <p> try to create an 80's style</p>
        </a>
        <li>
        </li>
            <a href= "img/numbers-02.jpg">
            <img src= "img/numbers-02.jpg"alt="">
            <p>playing with blending modes in photoshop</p>
          </a>
          <li>
        </li>
          <a href= "img/numbers-06.jpg">
          <img src= "img/numbers-06.jpg"alt="">
          <p>drips created in photoshop brushes</p>
        </a>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 Points

The instructions said, "Leave the alt attributes blank, and don’t add any captions or links. Just the images!" But this code has a paragraph caption for each image, and links ("a" elements) wrapped around them.

Also, the list item tags ("li") are misplaced. Instead of wrapping the images, they occur in front of the images.

And be careful of spacing between properties.

So, where you have all this for one of the images:

        <li>
        </li>
          <a href= "img/numbers-01.jpg">
          <img src= "img/numbers-01.jpg"alt="">
          <p> try to create an 80's style</p>
        </a>

You really should have just this:

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