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!

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

Posted by Michelle Hart
Michelle Hart
7,468 Points

My image does not show up on the preview page, all I see is an extra bullet point. Any ideas?

I have already deleted and re-uploaded the image, checked the spelling, location, etc.

Joseph Damiani
Joseph Damiani
1,066 Points

Can you post your code that is in question?

Michelle Hart
Michelle Hart
7,468 Points 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Michelle Hart | Designer</title>
  </head>
  <body>
     <header>
        <a href="index.html">
          <h1>Michelle Hart</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.jpg" alt="">
          </li>
        </ul>
     </section>
     <footer>
        <p>&copy; 2015 Michelle Hart.</p>
     </footer>
  </body>  
</html>

3 Answers

Joseph Damiani
Joseph Damiani
1,066 Points
Joseph Damiani
Joseph Damiani
1,066 Points

Try this.

<img src="img/numbers.01.jpg" alt="">

Joseph Damiani
Joseph Damiani
1,066 Points

You just forgot the equal sign.

Michelle Hart
Michelle Hart
7,468 Points

Thank you, I added, but now I get just a box. No image =/

Thomas Greer
Thomas Greer
8,257 Points
Thomas Greer
Thomas Greer
8,257 Points

Make sure you have imported numbers.01.jpg into the img folder in workspaces.

Joseph Damiani
Joseph Damiani
1,066 Points

Add an underscore

img/numbers_01.jpg``` 
``` <img src="img/numbers_01.jpg" alt="">```
Michelle Hart
Michelle Hart
7,468 Points

Nothing changes by adding the under score. Anything else I can try?

Joseph Damiani
Joseph Damiani
1,066 Points

Create a Snapshot Workspace by clicking on the image that is to the left of the eye and provide a link.

Michelle Hart
Michelle Hart
7,468 Points

https://w.trhou.se/kgne4ip7tw

Joseph Damiani
Joseph Damiani
1,066 Points

Where is your CSS file?

Joseph Damiani
Joseph Damiani
1,066 Points

Try this. You need to capitalize IMG since your file is capitalized in your workspace.

<img src="IMG/numbers.01.jpg" alt="">

Michelle Hart
Michelle Hart
7,468 Points

Oh wow. I feel dumb. lol Thank you, that worked.

Joseph Damiani
Joseph Damiani
1,066 Points

It is a very common mistake for web designers.

Thomas Greer
Thomas Greer
8,257 Points
Thomas Greer
Thomas Greer
8,257 Points

img src=""....... don't forget the equals sign before the quotations.

Demauri Portis
Demauri Portis
4,809 Points
Demauri Portis
Demauri Portis
4,809 Points

your'e just missing the equal sign, makes a big difference.