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 Jaime Rodriguez-Garcia
Jaime Rodriguez-Garcia
448 Points

I have everything correct but it says its wrong about the image thing.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Nick Pettit</h1> <h2>Designer</h2> </a> <nav> <ul> </ul> </nav> </header> <section> <ul> <li><a href="index.html"> P:ortfolio</a></li> <li><a href="about.html"> About</a></li> <li><a href="contact.html"> Contact</a></li> </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> <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> </section> <footer> <p>© 2014 Nick Pettit.</p> </footer> </body> </html>

2 Answers

Codin - Codesmite
Codin - Codesmite
8,600 Points
Codin - Codesmite
Codin - Codesmite
8,600 Points

The question states not to add any captions or links:

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

Remember, you can preview your work by clicking the Preview button."

You have paragraphed captions under your images and link tags around your images.

Code to pass:

<!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>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Jaime Rodriguez-Garcia
Jaime Rodriguez-Garcia
448 Points

Thanks

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

This a common one. :-)

A couple of things i've noticed is that you haven't included the tag that surrounds your list items for an unordered list.

<ul>
   <li></li>
</ul>

Also you don't need to set any hyperlinks inside your list items so you should leave these out.

Make your list, look like this..

<ul>
   <li>
        <img src="img/numbers-12.jpg" alt="">
        <p>Creating shapes using repetition.</p>
   </li>
</ul>

Good luck :)

Jaime Rodriguez-Garcia
Jaime Rodriguez-Garcia
448 Points

Thanks