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 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...