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

Dale Williams
Dale Williams
352 Points
Posted by Dale Williams
Dale Williams
352 Points

Stuck!

I have added images to a new section of unlisted items and left the alts blank, however there is an error in my code i can't identify

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>

3 Answers

Justin Kraft
Justin Kraft
26,327 Points
Justin Kraft
Justin Kraft
26,327 Points

For the first challenge just leave the <li> elements empty. I'm not sure of the second challenge. If it states to leave the alt attribute blank, your HTML looks functional. A noteworthy piece of advice is to always check the path of the image. If it is located in the same directory as your HTML file, you wouldn't have to provide the /img before the image file name.

Dale Williams
Dale Williams
352 Points
Dale Williams
Dale Williams
352 Points

Thanks Justin, the second challenge is proving hard to bypass, the code appears correct, it asks to leave the alts blank and just upload the image file. I've used the standard format <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> and closed the anchor yet i can't complete the task. I removed the img/ to see if it made a difference, no such luck?

Dale Williams
Dale Williams
352 Points
Dale Williams
Dale Williams
352 Points

Justin - I did it, it was a case of playing with the img/ filepath as you suggested. Thanks for your help much appreciated.

Justin Kraft
Justin Kraft
26,327 Points
Justin Kraft
Justin Kraft
26,327 Points

No problem. Glad I could help.