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

Posted by Gabriel Mickartz
Gabriel Mickartz
286 Points

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>
Gabriel Mickartz
Gabriel Mickartz
286 Points

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.

shawnmitchell
shawnmitchell
495 Points

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

Annicha Hanwilai
seal-mask
.a{fill-rule:evenodd;}techdegree
Annicha Hanwilai
iOS Development with Swift Techdegree Student 11,664 Points
Annicha Hanwilai
.a{fill-rule:evenodd;}techdegree
Annicha Hanwilai
iOS Development with Swift Techdegree Student 11,664 Points

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

shawnmitchell
shawnmitchell
495 Points

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

Peaches Stubbs
Peaches Stubbs
21,320 Points
Peaches Stubbs
Peaches Stubbs
21,320 Points

Have you tried refreshing the page?

Brenda Krafft
Brenda Krafft
18,036 Points
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.

Omar Richardson
Omar Richardson
3,452 Points
Omar Richardson
Omar Richardson
3,452 Points

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

Stuart Austin
Stuart Austin
1,511 Points
Stuart Austin
Stuart Austin
1,511 Points

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