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

Julia Daniels
PLUS
Julia Daniels
Courses Plus Student 287 Points
Posted by Julia Daniels
Julia Daniels
Courses Plus Student 287 Points

I'm not exactly sure where I'm wrong. I did it just like in the video.

Please help. I'm not sure where I went wrong in this part.

index.html 
<!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>Eperimenation 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>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! Challenges are very strict and testing for very specific things. Quite often, they will not be exactly like the code that you're currently working on in your project, and very often be something entirely different. Doing things the challenge does not explicitly ask for can cause it to fail even if it would otherwise be functional.

Here we see these instructions on step 2:

Leave the alt attributes blank, and don’t add any captions or links. Just the images!

Your code, however, contains links and paragraphs inside of each list item. This is causing the challenge to fail.

Also, while I believe that your links to the files would work for the challenge, it doesn't say that they are in an images folder. Because of this, we can assume that they are in the current directory. Take a look at the passing code:

<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>

Hope this helps! :sparkles:

Mahmud Kurniawan
Mahmud Kurniawan
7,140 Points
Mahmud Kurniawan
Mahmud Kurniawan
7,140 Points

yeah, i thought Julia Daniels had a problem with the code challange and just copied the project from his own. may your explanation helps her/him.

Mahmud Kurniawan
Mahmud Kurniawan
7,140 Points
Mahmud Kurniawan
Mahmud Kurniawan
7,140 Points

can you explain more detail about your problem or what part that's wrong? so that i can identify your code specifically