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

I'm getting an error to make sure an image tag displays "img/numbers-01.jpg" but when I preview the images show up

I'm not sure what I'm missing. The preview looks correct, at least I think it does.

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

Not sure what the deal was. I literally just cut and pasted the "section" into the section of the code challenge and it took it.

It was exactly what An Ploy-an mentioned , remove the <a> </a> anchor tags. They must not be written in the "correct answers" portion, ha.

5 Answers

Hi! Have you figured it out yet? If not, remove the <a> </a>. Even though you can see the pictures when you preview, the anchors (<a> </a>) isn't doing anything in this code challenge.

"An anchor is a piece of text which marks the beginning and/or the end of a hypertext link." - http://www.w3.org/MarkUp/1995-archive/Elements/A.html

thanks, this worked. sort of a bug, someone report this in JIRA please

Have you tried refreshing the page?

Brenda Krafft
Brenda Krafft
18,036 Points

Is this for a code challenge?

My guess is that this error is telling you that in case an image doesn't show up, you need an image tag that will. Maybe it's telling you that you need to add something in the alt="", and not just leave it blank.

Try refreshing the page. I don't see anything wrong with your code.

Just a guess but you could try removing the <a> tags.