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 trialVanessa Rutledge
Courses Plus Student 3,801 PointsStage 3 HTML Content
I'm having trouble understanding what this questions is asking. I have inserted images 1-6, and I don't know what I have done wrong...
<!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>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in Photoshop.</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create an 80's style of glows.</p>
</a>
</li>
</section>
<footer>
<p>© 2013 Nick Pettit.</p>
</footer>
</body>
</html>
Dawid Piwko
3,995 PointsHello,
You must add <div> between </header> and <section> Like this:
</header>
<div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a> </li> </ul> </section>
<footer>
<p>© 2014 Nick Pettit</p>
</footer>
</div>
Jami Schwarzwalder
17,961 PointsElizabeth,
Your code mostly looks ok. The only error I see is that you didn't close your unordered list Sometimes thinking about html tags like folders can help. when you open a tag or a folder you need to close it. the only exception is <br> which can also be written as <br /> because it closes itself, or links to content like <img>.
To ensure that you are understanding the coding, the system runs specific tests to see if what you wrote is accurate. It isn't expecting to get a <a href=""> tag, it is looking for an <img> following the <li> so when it looks at your code it and doesn't see that, it thinks that you made a mistake.
Try removing the paragraph and the links from your code and it should pass.
For the exercises its best to do exactly what they say since its a computer grading you and not a human.
Andy Durette
31,183 PointsAndy Durette
31,183 PointsHello Elizabeth
If I am correct about the code challenge you are completing. The below code will pass the test, you didn't need to make the images a link you just needed to display them like so.