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

Nicole Bertke
Nicole Bertke
179 Points
Posted by Nicole Bertke
Nicole Bertke
179 Points

I keep inserting the images wrong, but can't figure out why. I would like to see the correct format to compare.

I keep inserting the images wrong, but can't figure out why. I would like to see the correct format to compare.

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>
Nicole Bertke
Nicole Bertke
179 Points
Nicole Bertke
Nicole Bertke
179 Points

Never mind. I finally figured out my mistake.

1 Answer

Grace Kelly
Grace Kelly
33,990 Points
Grace Kelly
Grace Kelly
33,990 Points

Hi Nicole, to insert the images correctly for this code challenge, you do the following:

 <ul>
        <li><img src="img/numbers-01.jpg"/></li>
        <li><img src="img/numbers-02.jpg"/></li>
        <li><img src="img/numbers-06.jpg"/></li>
</ul>

For this code challenge it does not require you to have href attributes, also the <a href=""> elements are links, you don't need them either, however in your code, you have correctly inserted the images i.e you have sourced them correctly :)

Nicole Bertke
Nicole Bertke
179 Points
Nicole Bertke
Nicole Bertke
179 Points

Thank you, Grace. I finally figured out that I had too much information. I appreciate your reply.