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 trialRichard Schloemer
Courses Plus Student 254 PointsCan'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>© 2013 Nick Pettit.</p>
</footer>
</body> </html>
4 Answers
alex mattingley
7,508 PointsHey Richard,
For whatever reason, your code is displaying weird, can you ask the question again?
Alex
Richard Schloemer
Courses Plus Student 254 PointsThanks Nick! Also, where are the sample images to download?
Michael Barnette
614 PointsShould be a link under the video
Michael Barnette
614 PointsShould be a link under the video
Nick Nish
7,304 PointsHi 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.
Richard Schloemer
Courses Plus Student 254 PointsThanks 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
7,304 PointsHey 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="" />