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

This isnt working that great for me ;/

http://gyazo.com/2d6ff65923f43e5761791f102ccf0d11

what should i do? There is always some problem that appears when im coding,

And how to I fix this? I dont know what too write

9 Answers

Kyle Baker
Kyle Baker
6,283 Points

Hey Tim,

The exercise requires that you add the a total of three new images, "numbers-01.jpg", "numbers-02.jpg", "numbers-06.jpg." From the screenshot you provided it appears that you have only entered one of the three. Try adding the other two and see if that helps.

http://gyazo.com/0aca882be950e5305f2494b971fcd109

You mean like this?, If not, its some problems :/

Kyle Baker
Kyle Baker
6,283 Points

Looks like you are almost there Tim! Here is an example of what your completed code should look like. Hope this helps!

<!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>
      <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>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

I did as you told me but it didnt work,

Thanks anyways.

I did as you told me but it didnt work,

Thanks anyways.

kush sharma
kush sharma
Courses Plus Student 2,360 Points

wait..could you post a full screenshot of your code..

kush sharma
kush sharma
Courses Plus Student 2,360 Points

There seems to be some extra code in your screenshot....i don't see any <section></section> tags and closing </header> tag in which you had to create that image gallery with the help of unordered list... Could that be a problem..?

kush sharma
PLUS
kush sharma
Courses Plus Student 2,360 Points

Your code is correct.. then what is the problem..perhaps refresh and try again...

I Did it!!!! It works! Finally

Thanks for the support both of you ;)

I Did it!!!! It works! Finally

Thanks for the support both of you ;)

Kyle Baker
Kyle Baker
6,283 Points

Glad to hear it. Happy coding!

kush sharma
kush sharma
Courses Plus Student 2,360 Points

Great ...Could you share what was the problem..?

Cheers..:)...

Ya sure ;) Here it is: http://gyazo.com/eb0d980fce37b7c13407f79c5ebff43a

I did just write the IMG codes this time ;)