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

Eric Allchorn
PLUS
Eric Allchorn
Courses Plus Student 392 Points
Posted by Eric Allchorn
Eric Allchorn
Courses Plus Student 392 Points

I'm having problems with "How to Make a Website Lesson" regarding the images.

During one of the lessons of "How to Make a Website Lesson" the task of getting images entitled "Number-02" and "Numbers-06" into the code is not working whenever I type code that I think should allow me to pass. So I must be doing something wrong. Furthermore when I check on my website the images don't actually appear after having followed the instruction on the video after I type them into Workspace. Instead where the images should be are small boxes with a question mark on in them

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="numbers-01.jpg">
          <img src="img/numbers-01.jpg" alt=""></a></li>
        <li>   <li><a href="numbers-02.jpg">
          <img src="img/numbers-02.jpg" alt=""></a></li>
        <li>   <li><a href="numbers-06.jpg">
          <img src="img/numbers-06.jpg" alt=""></a></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Hi! A couple things, you don't need the links there before your images. In fact the challenge specifically says to not add any links, just add the images. Second you have two extra list tags floating around in there around your images. Make sure you have only one opening list tag and one closing list tag before and after the images.