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 trialMackenzie Moynihan
1,499 PointsThe image does not come up and shows a question mark. Help!
At the end of the video I put in the necessary code for the picture to show up but all it did was show the question mark. I looked back at the transcript because it said something about the images not showing up but it didn't say how to make them appear.
2 Answers
Brian Hernandez
20,285 PointsMaybe double check where you placed the image at. You said you used the photo shown in the videos. I suppose you downloaded the photo along with the other project files. Maybe you put the photo in the same directory as your index.html
and your image tag has something like <img src="img/imagename.jpg">
in which case the browser is looking for the image in a directory below it actually is in. Or vice versa and you have forgotten to put the img/
directory before the image filename.
Do you still get the question mark coming up in place of the image after changing these details?
Mackenzie Moynihan
1,499 Pointsok thanks Brian it helped and i put the index.html in my ing folder by accident
Mackenzie Moynihan
1,499 PointsMackenzie Moynihan
1,499 Points<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mack Moynihan | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Mack Moynihan</h1> <h2>I'm a 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>© 2014 Mack Moynihan.</p> </footer> </body> </html>
and i also used the photo that Nick used in the video