Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Organize with Unordered Lists

Posted by Lynda McGuirk
Lynda McGuirk
835 Points

I picked this up after a few days & keep getting: Bummer! Make sure you include an image tag that displays "numbers-01."

For the Unordered Lists Code Challange. I'm stuck. Please Help!

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

5 Answers

Regena Koeshall
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Regena Koeshall
Front End Web Development Techdegree Graduate 21,143 Points
Regena Koeshall
.a{fill-rule:evenodd;}techdegree seal-36
Regena Koeshall
Front End Web Development Techdegree Graduate 21,143 Points

looks like you have also placed a decimal in your src. <li><a img src="numbers-0.1.jpg">alt=""> . It should actually look like this <li><img src="numbers-01" alt=""></li>

Justin Horner
STAFF
Justin Horner
Treehouse Guest Teacher
Justin Horner
Justin Horner
Treehouse Guest Teacher

Hello Lynda,

Your img elements are malformed. You need to remove the "a" in front of "img" and place the alt attribute within the img element.

<img src="..." alt="">

Also, each li element should be closed after the img element within it.

<li><img src="..." alt=""></li>

I hope this helps.

Lynda McGuirk
Lynda McGuirk
835 Points
Lynda McGuirk
Lynda McGuirk
835 Points

Thanks! I removed the "a"s, believe I put the alt attribute within the img element and closed each li element. I still get: Bummer! Make sure you include an image tag that displays "numbers-01.jpg" I wanted to finish this section today....yet I've been stuck here, for hours.

Lynda McGuirk
Lynda McGuirk
835 Points
Lynda McGuirk
Lynda McGuirk
835 Points

Yeah! Thanks, Regina. "t'was the content, not the code!"

Lynda McGuirk
Lynda McGuirk
835 Points
Lynda McGuirk
Lynda McGuirk
835 Points

the a's went in as I tried to fix the code...which wasn't the problem in the beginning...interesting lesson...