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 cathy mitchell
cathy mitchell
8,249 Points

unordered list how to make a website

I copy it just as Nick does on paper and then when I type it in it states that it is wrong? I will go back and check what I typed and what I have on paper and they are the same. I will go back to the video and check what Nick has. It is all the same what is wrong? 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>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

What's the error you are getting?

2 Answers

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

The challenge is asking you to create an order list inside the section tag and add the image inside the img folder to the list item.Like this . src stands for source which is telling the computer where to find the image. You first create the ul and then follow by the img.

  <section>
       <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>
    </section>
Conrad Hercberg
Conrad Hercberg
3,746 Points
Conrad Hercberg
Conrad Hercberg
3,746 Points

Abraham is correct, at the moment the code you have posted is telling the browser to look for the images in the same folder as the index.html file. By adding "img/" at the beginning of your links, the browser will know to look in the img folder for the images.

Chunwei Li
Chunwei Li
18,816 Points
Chunwei Li
Chunwei Li
18,816 Points

Hi Cathy,

Your code run well on my browser. Could you please check what browser you are using and what version it is? or depict what's wrong with it?

Sometimes some older browsers do not support newer html tags like <header> or <footer>.

Thanks! Chunwei

cathy mitchell
cathy mitchell
8,249 Points

thank you I will do that this is driving me nuts! I am trying to get through this so that I can continue to register. I am using mozilla. It has just been updated. Do you have any suggestions then?