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 trialMark Taflinger
418 PointsHow do I add the following images inside the three new list items?
How to Make a Website: Challenge question is asking me to add the following images inside the three new list items? What am I doing wrong?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mark Taflinger | Researcher</title>
</head>
<body>
<header>
<a href="index.html">
<h1>Mark Taflinger</h1>
<h2>Researcher</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>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p></p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p></p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p></p>
</a>
</li
</ul>
</section>
<footer>
<p>© 2015 Mark Taflinger.</p>
</footer>
</body>
</html>
3 Answers
Biwash Lama
13,772 PointsHi Mark, You did not close li tag properly. </li>
Jason Anello
Courses Plus Student 94,610 PointsHi Mark,
The list items should only include the img
element. Not the link around it or the paragraphs.
Something like this:
<li>
<img src="" alt="">
</li>
Mark Taflinger
418 PointsThank you for your help, Jason.
Mark Taflinger
418 PointsMark Taflinger
418 PointsThank you, Biwash. I've fixed the li tag, but I still get this message.
Make sure you include an image tag that displays "img/numbers-01.jpg". for this question.
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!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mark Taflinger | Researcher</title> </head> <body> <header> <a href="index.html"> <h1>Mark Taflinger</h1> <h2>Researcher</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> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p></p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p></p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p></p> </a> </li> </ul> </section> <footer> <p>Β© 2015 Mark Taflinger.</p> </footer> </body> </html>
I thought that I had these correct. Do you see any other possible problems?