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 Jackson Pettigrew
Jackson Pettigrew
220 Points

it says i dont have something i put in there, how do i fix that

help,been stuck here for a few weeks :(

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="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
      </ul>
        <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="/numbers-02.jpg">
              <img src="/numbers-02.jpg" alt="">
              <p>Playing with blending modes in photoshop.</p>
            </a>
          </li>
           <li>
            <a href="/numbers-06.jpg">
              <img src="/numbers-06.jpg" alt="">
              <p>Trying to create an 80's style of glows.</p>
            </a>
          </li>
           <li>
            <a href="/numbers-09.jpg">
              <img src="/numbers-09.jpg" alt="">
              <p>Drips created using Photoshop brushes.</p>
            </a>
          </li>
           <li>
            <a href="/numbers-12.jpg">
              <img src="/numbers-12.jpg" alt="">
              <p>Creating shapes using repetition.</p>
            </a>
          </li> 
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Sigurjon Johannesson
Sigurjon Johannesson
5,453 Points

Hello,

You need to put img/ to your code

like this a href="img/numbers-02.jpg"> img src="img/numbers-02.jpg" alt="">

Not like this

a href="numbers-02.jgp"> img src="numbers-02.jpg" alt="">

Karolin Rafalski
Karolin Rafalski
11,368 Points
Karolin Rafalski
Karolin Rafalski
11,368 Points

If you are stuck on the code challenge part of it, then you need to be sure to only add the specific code that is being asked for, and not add any extra code or other components.

Don't copy paste from workspaces, create a new code inside the code challenge.

Reset this code challenge by refreshing the page and you will see that it is asking you to just add:

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

between the 

<section>
</section>

part of the code.

I hope this helps!

3 Answers

elk6
elk6
22,916 Points
elk6
elk6
22,916 Points

Hi Jackson,

Read the challenge. You have way too much stuff in there. It just wants to make an ul with 3 li items. In there you should put the images. Nothing more. No links, no alt tags etc. Take it out.

Like this:

<!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>
Sam Baines
Sam Baines
4,315 Points
Sam Baines
Sam Baines
4,315 Points

You have actually added too much code - this is all you need to pass the challenge:

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

Also check the full html you have written here, as you have repeated an extra set of nav ul below the header that you don't need.

Tyler Anderson
Tyler Anderson
15,102 Points
Tyler Anderson
Tyler Anderson
15,102 Points

As far as I can see you are missing the rest of your source linking

<img src="/numbers-09.jpg" alt="">

it needs to be this <img src="img/numbers-09.jpg" alt="">

BUT also remember where you images are located, you also did not post as to what else was broken, perhaps a little more information would be helpful as well?