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 Structure the Image Gallery

Daniel Hildreth
Daniel Hildreth
16,170 Points
Posted by Daniel Hildreth
Daniel Hildreth
16,170 Points

Image does not show in Mozzila Firefox and my code is preety much the same as Nick's in the video.

So I have my code almost just like Nick's but can't see the image in Firefox web browser when I hit refresh. There's no picture or error just a bullet it looks like. This is the code I have for it. I have taken out my name and simply replaced it with "insert name here." I don't see anything wrong with my code, does anyone else see something that I maybe missed?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>insert name here | Web Designer</title> </head> <body> <header> <a href="index.html"> <h1>insert name here</h1> <h2>Web 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.jpeg" alt=""> </li> </ul> </section> <footer> <p>Ā© 2014 insert name here</p> </footer> </body> </html>

Daniel Hildreth
Daniel Hildreth
16,170 Points
Daniel Hildreth
Daniel Hildreth
16,170 Points

I tried copying and paste the code from the workspaces, but didn't paste correctly. So I'll see if just pasting the section area and down helps any. I only changed my name by replacing it with "insert name here." Anyone notice anything wrong with it?

 <section>
   <ul>
    <li>
      <img scr="img/numbers-01.jpeg" alt="">
     </li>
   </ul>
 </section>
  <footer>
   <p>&copy; 2014 insert name here</p>
  </footer>
 </body>
</html>
Alexandria Stanzione
Alexandria Stanzione
1,331 Points
Alexandria Stanzione
Alexandria Stanzione
1,331 Points

I had the same problem and finally figured it out. If you're having the same problem as me then it's a case sensitive thing.

if your image folder (in workspaces) is "Img" with a capital I then it should be: <img src="Img/numbers-01.jpg" alt="">

if your image folder is called "img" all lowercase then: <img src="img/numbers-01.jpg" alt="">

2 Answers

Julian Gutierrez
Julian Gutierrez
19,201 Points
Julian Gutierrez
Julian Gutierrez
19,201 Points

Simple typo on your image tag. "scr" should be "src"

<img src="img/numbers-01.jpeg" alt="">
Daniel Hildreth
Daniel Hildreth
16,170 Points
Daniel Hildreth
Daniel Hildreth
16,170 Points

Julian just saw your comment and changed it to the src and I still can't see the image when I refresh the page.

Julian Gutierrez
Julian Gutierrez
19,201 Points
Julian Gutierrez
Julian Gutierrez
19,201 Points

How about changing the extension from ".jpeg" to ".jpg".