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

Is there anything wrong??

Inside the <section> element, create an unordered list with three blank list items. This will become an image gallery, but don’t fill in the list items just yet. Well done! You're doing great! -----------------> challenge 1 <!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="numbers-01.jpg"></li>
<li><img src="numbers-02.jpg"></li>
<li> <img src="numbers-06.jpg"></li>
</ul> </nav> </section> <footer> <p>© 2013 Nick Pettit.</p> </footer> </body> </html> but on challenge 2 Inside the three new list items, add the following images: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg". Leave the alt attributes blank, and don’t add any captions or links. Just the images! Remember, you can preview your work by clicking the Preview button. Oops! It looks like Task 1 is no longer passing. I dont know what the problem is :(.....

1 Answer

Codin - Codesmite
Codin - Codesmite
8,600 Points

It never asked for a

nav

semantic to be added, I belive this is causing your error.

Correct Answer:

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

Also this is incorrect use of the

nav

semantic, it should only be used for semantically sectioning a navigation on your website that links to internal pages of your website for example the main navigation in your website header.

The image gallery in the example is not a navigation to other internal pages of the website.