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 Structure the Image Gallery

I can't get an image to appear in preview. It is imported and named properly but still shows up as an error.

I have followed along with the video. However the img element in my code shows as an error. I can't find a difference between my code and the code in the video. The only way the error highlighting disappears is if I delete the space between img and src. Image is still a no show in preview. Suggestions??

<header>
  <a href="index.html">
    <h1>Kerri Gosnell</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="img/numbers-01.jpg" alt="">
    </li>
  </ul>
</section>
<footer>
  <p>&copy; 2014 Kerri Gosnell.</p>
</footer>

</body> </html>

1 Answer

Kallil Belmonte
Kallil Belmonte
35,561 Points

You must close your first "li" tag.

Try this:

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

: )

Many Thanks, Kallil. This newbie must learn to look to up and down the lines more thoroughly.