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

D McC
PLUS
D McC
Courses Plus Student 2,438 Points
Posted by D McC
D McC
Courses Plus Student 2,438 Points

Can someone tell me what I'm doing wrong?

I thought I had it right.

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><img src="img/numbers-01.jpeg" alt=""></li>
        <li><img src="img/numbers-02.jpeg" alt=""></li>
        <li><img src="img/numbers-06.jpeg" alt=""></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Perry Eising
Perry Eising
12,663 Points

David, when asking question here it is always best to provide as much context as possible - explaining what isn't working in a more specific way. It will help you tremendously as you move forward and your projects become more complex.

I don't know what the issue is, but reviewing your code I see this:

    <ul>
        <li><img src="img/numbers-01.jpeg" alt=""></li>
        <li><img src="img/numbers-02.jpeg" alt=""></li>
        <li><img src="img/numbers-06.jpeg" alt=""></li>
      </ul>

Your syntax looks correct, but if your images are not loading it may be because you used the file extensions .jpeg instead of .jpg, which is more common. I hope this helps. If not, please post again with more descriptive context.

2 Answers

Greg Kaleka
Greg Kaleka
39,021 Points
Greg Kaleka
Greg Kaleka
39,021 Points

Hi David,

Your code looks good! You're just off by one letter :).

The filenames of the imaginary images all end in .jpg, but you've used .jpeg. I've actually made this exact mistake on my own sites, so I feel your pain :).

Fábio Tavares da Costa
Fábio Tavares da Costa
11,985 Points
Fábio Tavares da Costa
Fábio Tavares da Costa
11,985 Points

Hi,

To avoid it in the future use a code Editor that makes it easier. Atom.io is my favorite. With Shift+[Control or Command]+o you will open the folder you are working on. Than you have paths and file names handy in a side bar, in the folder structure. [Control or Command]+\ to toggle the side bar.

Other popular choices include Sublime and Brackets.io.