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

Garfield Connolly
Garfield Connolly
704 Points

'Oops! It looks like Task One is no longer passing'. If I go to task One it looks fine.

In this task all I have done is add the img src references. Not sure what I've done wrong :(

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>
      <nav>
        <ul>
          <li><img src="\img\numbers-01.jpg" alt=""></li>
          <li><img src="\img\numbers-02.jpg" alt=""></li>
          <li><img src="\img\numbers-06.jpg" alt=""></li>
        </ul>


      </nav>

    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Garfield Connolly
Garfield Connolly
704 Points

Thanks Melissa, that was it, the extraneous 'nav'. The error message threw me.

Thanks,

G.

Glad we got it to finally work! Good luck!

you should be using a forward slash/ not a back slash\ and you don't need it before img.

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

this my code from when I took that course. give it a try and see if that works.

Garfield Connolly
Garfield Connolly
704 Points

Thanks Melissa,

Here's my updated code:

<section>
  <nav>
    <ul>
      <li><img src="img/numbers-01.jpg" alt=""></li>
      <li><img src="img/numbers-02.jpg" alt=""></li>
      <li><img src="img/numbers-06.jpg" alt=""></li>
    </ul>
  </nav>
</section>

I'm still getting the Oops! error. Any help would be gratefully received.

try removing the alt="" you do need them for your code in the real world but I just competed the challenge with my code exactly like yours minus the alt=""

Garfield Connolly
Garfield Connolly
704 Points

Thanks Melissa, but no luck:

<section> <nav> <ul> <li><img src="img/numbers-01.jpg"></li> <li><img src="img/numbers-02.jpg"></li> <li><img src="img/numbers-06.jpg"></li>

    </ul>
  </nav>
</section>

Still the same error message :(

I just went through the code challenge again, there shouldn't be a nav. just your ul, li, and img. If taking the nav out doesn't do anything then I would contact support there may be an error.

<section>
      <ul>
        <li>
          <img src="img/numbers-01.jpg">
        </li>
        <li>
          <img src="img/numbers-02.jpg">
        </li>
        <li>
          <img src="img/numbers-06.jpg">
        </li>
      </ul>
    </section>