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 Create Navigation with Lists

Can't get past navigation elements

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit</title> </head> <body> <head> <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>

4 Answers

alex mattingley
alex mattingley
7,508 Points

Hey Richard,

For whatever reason, your code is displaying weird, can you ask the question again?

Alex

Thanks Nick! Also, where are the sample images to download?

Should be a link under the video

Should be a link under the video

Nick Nish
Nick Nish
7,304 Points

Hi Richard, I went searching directly for the challenge that you were referring to and I'm assuming it's Organize with Unordered Lists.

For this particular challenge, you need to use images as your list items. In the prompt, they provide you the names and the paths that you're going to use in your code, you don't need to download anything. To use an image, you don't need to have it directly on your computer, and in this case all you need to do is provide the "path" in your code to point to these images. For the sake of clarity I'm going to post the prompt and then what you should do:

Inside the three new list items, add the following images from inside the img folder: "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!

<section>
   <ul>
      <li><img src="img/numbers-01.jpg" ></li>
      <li><img src="img/numbers-02.jpg" ></li>
      <!-- And so on ... -->
   </ul>
</section>

Notice in the prompt that it specifies that these images in are inside the img folder. This means you need to change the PATH in your HTML so it can find the images. Because you are going inside a folder, you specify the name of the folder you're going inside of then separate it from the exact file with a /. "img/yourimage.jpg" - img is the folder you are going inside of, separate with /, and yourimage.jpg is the name of the image you are pointing to.

Good luck, and let me know if you need more explanation.

Thanks Alex for responding. I finally figured it out!! However I have another question: Where is the link to the images? I can't find the file to download.

Richard

Nick Nish
Nick Nish
7,304 Points

Hey Richard if it's asking you to insert an image ( ex. Insert three images in between the section tags with names img/pic-01.png, etc. ) then you're going to want to use relative paths with the path they gave you. Like this:

<img src="img/pic-01.png" alt="" />
<img src="img/pic-02.png" alt="" />
<img src="img/pic-06.png" alt="" />