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 Doug Hawkinson
.a{fill-rule:evenodd;}techdegree
Doug Hawkinson
Full Stack JavaScript Techdegree Student 25,073 Points

HTML syntax error (trying to deal with images)

I have reviewed the video, looked on MDN. I confess there is a subtlety that I am simply missing. I keep getting BUMMER make sure you include... number-01.jpg

Here is my code

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> </a> </li> </ul> </section>

Doug Hawkinson
.a{fill-rule:evenodd;}techdegree
Doug Hawkinson
Full Stack JavaScript Techdegree Student 25,073 Points

The section I pasted started with the open section.

5 Answers

Doug Hawkinson
.a{fill-rule:evenodd;}techdegree
Doug Hawkinson
Full Stack JavaScript Techdegree Student 25,073 Points

I'm sorry none of you can be nominated for Best Answer. None of you got it right unfortunately. And, I am not sure when I would have gotten it except that I ran across the same question in the community from another student. The guy that answered that student get Best Answer. I had tied the images to file references when they should not have been.

Jason DeValadares
Jason DeValadares
7,190 Points
Jason DeValadares
Jason DeValadares
7,190 Points

you've deleted the top 

<section>

part. I pasted your code in and it worked fine.

Doug Hawkinson
.a{fill-rule:evenodd;}techdegree
Doug Hawkinson
Full Stack JavaScript Techdegree Student 25,073 Points

Yeah I know it looks like I dropped the open section but it just didn't copy it is there is my file. Still a mystery since it worked for you.

Sharon Kearney
Sharon Kearney
8,662 Points
Sharon Kearney
Sharon Kearney
8,662 Points

number-01.jpg is singular and you used the plural "numbers-01.jpg".

Doug Hawkinson
.a{fill-rule:evenodd;}techdegree
Doug Hawkinson
Full Stack JavaScript Techdegree Student 25,073 Points

Actually the items in the img file are all numbers... Still a mystery. and just so you know I did put the opening section element at the top. It just didn't copy.

unsubscribed User
unsubscribed User
8,639 Points
unsubscribed User
unsubscribed User
8,639 Points

Re-read the instructions as you went beyond the scope of the task at hand.

For some reason since it is a practice exercise, it does not want you to be specific in the file path. It rather, wants you stick with the "quoted" instructions for your input.

Doug Hawkinson
.a{fill-rule:evenodd;}techdegree
Doug Hawkinson
Full Stack JavaScript Techdegree Student 25,073 Points

So they got a governor on this just like a rental truck, eh! I'll try that

Edgar Fernando Escorza
Edgar Fernando Escorza
11,196 Points
Edgar Fernando Escorza
Edgar Fernando Escorza
11,196 Points

Try this, work for me:

<!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="numbers-01.jpg" alt=""></li> <li><img src="numbers-02.jpg" alt=""></li> <li><img src="numbers-06.jpg" alt=""></li> </ul> </section> <footer> <p>© 2013 Nick Pettit.</p> </footer> </body> </html>