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 Douglas Rouse
Douglas Rouse
899 Points

I did what i was instructed html/css

i put the image tags in i rechecked the work and still saying its wroung

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>
     <section>
        <ul>
          <li><a href="index.html">Portfolio</a></li><img src="numbers-01.jpg">
          <li><a href="about.html">About</a></li><img src="numbers-02.jpg">
          <li><a href="contact.html">Contact</a></li><img src="numbers-06.jpg">
        </ul>

         <ul>
          <li><a href="index.html">Portfolio</a></li><img src="numbers-01.jpg">
          <li><a href="about.html">About</a></li><img src="numbers-02.jpg">
          <li><a href="contact.html">Contact</a></li><img src="numbers-06.jpg">
        </ul>
           <ul>
          <li><a href="index.html">Portfolio</a></li><img src="numbers-01.jpg">
          <li><a href="about.html">About</a></li><img src="numbers-02.jpg">
          <li><a href="contact.html">Contact</a></li><img src="numbers-06.jpg">
        </ul>
       </section>
      </nav>
    </header>
    <section>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
ibrahim Warsame
ibrahim Warsame
7,803 Points

You coded the image tag inside the wrong section element, you should add it inside the section element before the openning footer element.

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

I would restart the challenge to erase the code that you have now and add your code inside the <section></section> element like this

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

Chloe Grego
Chloe Grego
Courses Plus Student 999 Points
Chloe Grego
Chloe Grego
Courses Plus Student 999 Points

You will have to erase the previous code you have written during that particular step in the code challenge to start from square one. You should have only one of the following code, but instead you have three:

<ul> <li><a href="index.html">Portfolio</a></li><img src="numbers-01.jpg"> <li><a href="about.html">About</a></li><img src="numbers-02.jpg"> <li><a href="contact.html">Contact</a></li><img src="numbers-06.jpg"> </ul>

The system that is reading your work is only expecting one set. The two others are causing the error.

1 Answer

Unsubscribed User
Unsubscribed User
8,900 Points
Unsubscribed User
Unsubscribed User
8,900 Points

You currently have your img tag in the incorrect spot. You will want to make sure to include it inside of your <li> tag like this:

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

Hope this helps!