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 johnny odea
.a{fill-rule:evenodd;}techdegree
johnny odea
Front End Web Development Techdegree Student 1,558 Points

whats wrong with my code

i keep getting make you sure include an image tag that displays "img/numbers-01" what is wrong with my code?

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">
           <a img src="img/numbers-01.jpg" alt="image 1">
           <p> playing with images </p>
          </a>
        </li>

        <li>
           <a href="img/numbers-02.jpg">
           <a img src="img/numbers-02.jpg" alt="image 2">
          </a>
        </li>
        <li>
           <a href="img/numbers-06.jpg">
           <a img src="img/numbers-06.jpg" alt="image 6">
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Thas Eagans
PLUS
Thas Eagans
Courses Plus Student 2,533 Points
Thas Eagans
Thas Eagans
Courses Plus Student 2,533 Points 
<a img src="img/numbers-01.jpg" alt="image 1">
<a img src="img/numbers-02.jpg" alt="image 2">
<a img src="img/numbers-06.jpg" alt="image 6">

They should read

<img src="img/numbers-01.jpg" alt="image 1">
<img src="img/numbers-02.jpg" alt="image 2">
<img src="img/numbers-06.jpg" alt="image 6">

Remove the leadin 'a' infront of the img tag.

</TREagans>

johnny odea
.a{fill-rule:evenodd;}techdegree
johnny odea
Front End Web Development Techdegree Student 1,558 Points

i can't believe i missed that, thanks heaps :) although after removing the a in front of img i'm still receiving the same error as before.. Is there something else i may have missed inside the code?

Thas Eagans
PLUS
Thas Eagans
Courses Plus Student 2,533 Points
Thas Eagans
Thas Eagans
Courses Plus Student 2,533 Points

Everything else looks right. It's complaining about the images? Ensure that you are using the correct image paths, and that the image names are correct.

You're making the image clickable which then opens up to the full version of the image correct?

</TREagans>

johnny odea
.a{fill-rule:evenodd;}techdegree
johnny odea
Front End Web Development Techdegree Student 1,558 Points

The paths and names are correct, i'm unsure what is going on? i'm on the course " organize with unordered lists" if that helps at all.

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

Looks like you are adding extra code that isn't needed. It's a bit confusing for this code challenge as you add those extra things in when you watch the video, but don't need them in the challenge. All the challenge is looking for is an unordered list with images inside the list items. You have some extra code that is including links on each one and a paragraph on the first one.

Your code should look like this: 

<section>
      <ul>
        <li><img src="img/numbers-01.jpg" alt=""></li>
        <li><img src="img/numbers-02.jpg" alt=""></li>
        <li><img src="img/numbers-06.jpg" alt=""></li>
      </ul>
    </section>
johnny odea
.a{fill-rule:evenodd;}techdegree
johnny odea
Front End Web Development Techdegree Student 1,558 Points

That's funny because that's originally how much code looked and i continued recieving the same error message, thus the reason i wrote all the extras.

johnny odea
.a{fill-rule:evenodd;}techdegree
johnny odea
Front End Web Development Techdegree Student 1,558 Points

I found the problem, somehow after i posted this i had accidentally removed the . inside the source, i tested both ways and they worked, thanks heaps feel rather stupid after that mistake haha.