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 Roman Kushnir
Roman Kushnir
4,619 Points

Hi everybody! Help me please! How can I add pictures to the code challenge working space?

there is no space to drag files in

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 scr="img/numbers-01.jpj" alt="">
        </li>
        <li>
        </li>
        <li>
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Evan Agee
Evan Agee
13,088 Points

You have a typo in your <img> tag. It should be "src" (as in source) not "scr". Good luck!

Jonathan Sebastiao
Jonathan Sebastiao
14,271 Points

Is your image file type suppose to .jpj or .jpg? Also as Evan Agee said update to src in your <img> tag.

A.J. Kandy
A.J. Kandy
Courses Plus Student 12,422 Points

This specific exercise does not allow you to upload files or assets (unlike the generic Workspaces). The goal is to add an unordered list (ul) and then populate each list element (li) with an image tag, using the provided image filenames. You've got one almost right, but as the others have noted, you've got to spell the attributes and filenames correctly for this to work.

Roman Kushnir
Roman Kushnir
4,619 Points

Thank you!:)

Francisco Osegueda
Francisco Osegueda
11,114 Points

Change scr for src and .jpj for .jpg on the img code line.

3 Answers

kirchostoimenov
seal-mask
.a{fill-rule:evenodd;}techdegree
kirchostoimenov
Front End Web Development Techdegree Student 11,549 Points
kirchostoimenov
.a{fill-rule:evenodd;}techdegree
kirchostoimenov
Front End Web Development Techdegree Student 11,549 Points

Try 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>
Rafael silva
Rafael silva
23,877 Points
Rafael silva
Rafael silva
23,877 Points

hey friend I have a solution for you, you should to add like this <img src="name.jpg"> simples as you see, good luck..

Roman Kushnir
Roman Kushnir
4,619 Points
Roman Kushnir
Roman Kushnir
4,619 Points

Thanks !