Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Kyle Biancardi
Kyle Biancardi
1,674 Points

Images are not showing up! please help!

so i have been struggling with getting the images to show up so i cant figure out what it is i am doing wrong? am i not typing the correct code?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Kyle Biancardi | Designer</title>  
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Kyle Biancardi</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About Me</a></li>
          <li><a href="contact.html">Contact Me!</a></li>
        </ul>  
      </nav>  
  </header>
  <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>  
  <footer>
      <p>&copy; 2014 Kyle Biancardi</p>
  </footer>
 </body>
</html>

Hey Kyle,

You do have one error in that your alt attributes are missing an = before the quotes. But, this won't affect the picture showing or not.

The easiest way for us to see your file structure is for you to share a snapshot of your workspace. If you don't know how to do that, check out this handy dandy forum post :) http://www.teamtreehouse.com/forum/workspace-snapshots

5 Answers

Hey Kyle,

I can immediately see the problem. In your code for your page, you are referring to a folder named "img" in your image elements, but in your actual files you have a file named "Images" (note the capital I). You either have to right click on the folder and change the name of the folder to "img" or go through each image element and replace "img" with "Images".

Thank you for this answer -- I realized my images folder was titled Img and once I made the i lower case the images showed up.

The folder was named a completely different name, Nicole. "img" is not the same as "images".

Fable Turas
Fable Turas
9,405 Points

I don't see anything wrong with your code. My suggestion would be to double check your file structure. Make sure you have a folder labeled img that is inside the folder containing your html page and that the images are inside that folder and correctly labeled.

Kyle Biancardi
Kyle Biancardi
1,674 Points

Fable Turas,

Thank you that was the problem I had the folder labels images and not img. Thanks for the rapid reply.

Kyle Biancardi
Kyle Biancardi
1,674 Points

here is the link to my workspace snap shot

https://w.trhou.se/mw22vg1gjt

thanks for all the help!

Marcus Parsons,

I know, but reading your answer led me to check my work and correct my error so I was grateful.

Ah, sorry, I thought for some reason you were the original question poster! Apologies. You're welcome, Nicole.