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

Qiwei Chen
Qiwei Chen
2,928 Points
Posted by Qiwei Chen
Qiwei Chen
2,928 Points

Need help to complete this tasks

How to complete this tasks?

4 Answers

Vince Leung
Vince Leung
4,730 Points
Vince Leung
Vince Leung
4,730 Points

You need to add this below code to <section>. UL stands for unordered list, and inside the <ul> is the list items that is <li>

Good luck!

      <ul>
        <li></li>
        <li></li>
        <li></li>
      </ul>
Qiwei Chen
Qiwei Chen
2,928 Points
Qiwei Chen
Qiwei Chen
2,928 Points

Hi Vince Leung,

This part i have completed successfully, could you help to advice for another part which it requires to add the images. I couldn't complete this task. <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>

Vince Leung
Vince Leung
4,730 Points
Vince Leung
Vince Leung
4,730 Points

What is wrong with it? What error message. Put your code on markdown so it's easier to see for us :)

thanks

Qiwei Chen
Qiwei Chen
2,928 Points
Qiwei Chen
Qiwei Chen
2,928 Points

Hi Vince Leung,

After i completed task 1, below are the codes that i have written for the second task in this challenges. The error message of "Oops! It looks like Task 1 is no longer passing" will shows when i click "Check Work" for second task. I have also preview the Editor, it really shows 3 pictures correctly with below codes. Somehow it is strange.

<!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>
Vince Leung
Vince Leung
4,730 Points
Vince Leung
Vince Leung
4,730 Points

remove the "img/" part from each of your src. Unless they specifically say the images are in the img folder, in which case the task didn't.

Qiwei Chen
Qiwei Chen
2,928 Points
Qiwei Chen
Qiwei Chen
2,928 Points

Hi Vince Leung,

Actually i have tried the one you have mentioned. but it didnt't works. It still shows error of "Oops! It looks like Task 1 is no longer passing".

Qiwei Chen
Qiwei Chen
2,928 Points
Qiwei Chen
Qiwei Chen
2,928 Points

Seems like the workspace validation goes wrong for this tasks. Finally it works after the header navigation and anchor are removed.

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