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 Add Image Gallery Content

Posted by Kent Drummond
Kent Drummond
8,309 Points

image not showing up

Ive been trying to add a picture to my personal website but can never actually get the picture to show up just the little box that shows there is a picture there. i have saved the picture in a folder called pic. can someone explain why i might not be able to see the picture. i've tried multiple pictures and even http and still cant get anything.

Thanks, 

 <footer>
      <img src="pic/me.html">
      <p>&copy; 2014 Chris Drummond</p>
    </footer>
Unsubscribed User
Unsubscribed User
18,288 Points

Can you post up your code so we can see? Be easier to help with the code

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

see the below animation on posting code in the forum

alt text

3 Answers

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

looking at your code you are not specifying an image file in your code, but an html file

<img src="pic/me.html">

make sure you use the correct file extension for your image. if its a jpg try

<img src="pic/me.jpg">

make sure you saved the actual picture from google as an image file, and not just the webpage itself. to save the image itself you should be able to right click it and select "save image as" then select where to save it on your hard disk

Kent Drummond
Kent Drummond
8,309 Points
Kent Drummond
Kent Drummond
8,309 Points

sorry about that...i just pic an image from google

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>This Is Me</title> </head> <body> <header> <a href="index.html"> <h1>Chris Drummond</h1> <h3>Developer</h3> </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> </nav> </header> <section> <p>IDK</p> </section> <footer> <img src="https://www.google.com/search?q=uga&rlz=1C5CHFA_enUS584US584&es_sm=91&source=lnms&tbm=isch&sa=X&ei=wuW6U-a2KouVyASHg4HQBA&ved=0CAgQ_AUoAQ&biw=1008&bih=559#facrc=_&imgdii=_&imgrc=CfevGhqM3X1gHM%253A%3BtLIePYSfBmMpcM%3Bhttp%253A%252F%252Fuga.edu%252Fgm%252Fee%252Fimages%252Ffeature_photos%252FUga-VIIcrop.jpg%3Bhttp%253A%252F%252Fuga.edu%252Fgm%252Fee%252Findex.php%253F%252Fsingle%252F2008%252F09%252F197%252F%3B627%3B423" alt="Facebook Logo"> <p>© 2014 Chris Drummond</p> </footer>

</body> </html>

Claudia Almeida
Claudia Almeida
9,291 Points
Claudia Almeida
Claudia Almeida
9,291 Points

make sure you insert alt="some text" inside your img tag ;D also, make sure your image URL is complete! good luck, yo!