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

Garfield Connolly
Garfield Connolly
704 Points
Posted by 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
Garfield Connolly
Garfield Connolly
704 Points

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

Thanks,

G.

Melissa Wheeler
Melissa Wheeler
6,306 Points

Glad we got it to finally work! Good luck!

Melissa Wheeler
Melissa Wheeler
6,306 Points
Melissa Wheeler
Melissa Wheeler
6,306 Points

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

Melissa Wheeler
Melissa Wheeler
6,306 Points

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
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 :(

Melissa Wheeler
Melissa Wheeler
6,306 Points

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>