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
jake mautner
180 PointsThe image on my site appears as a small pixel picture of a field and sky. is that ok or did I make a mistake?
The image is showing up as one of those little pictures that are usually shown when an image on a website is unavailable? is that just because this is a sample website or does that mean I've done something incorrectly?
6 Answers
Rich Bagley
25,869 PointsHi Jake,
If you right click on the missing image and choose properties you will see the image path. Does this match your folder structure where your image is located?
If not it may be that you have missed part of the path in your image src.
If for example you have my-image.jpg located within an img folder your path would look as follows:
<img src="img/my-image.jpg" alt="">
Hope that helps point you in the right direction.
-Rich
Michael Jurgensen
8,341 PointsHi Jake,
This usually means you are pointing to the wrong directory. If your image is in the same folder as your html file you could do this:
<img src = "Image_name.png" alt = "">
Likewise if your image is inside a separate image folder you need this:
<img src = "img/image_name.png" alt = "">
Hope that helps.
jake mautner
180 Points<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jake Mautner | Filmmaker</title> </head> <body> <header> <a href="index.html"> <h1>Jake Mautner</h1> <h2>Filmmaker</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>© 2104 Jake Mautner.</p> </footer> </body> </html>
Rich Bagley
25,869 PointsHi Jake,
Can you try adding 3 back ticks (e.g. ```) before and after the code in your post above please?
This will display the HTML in a block and make it easier to read in the post.
Thanks
-Rich
jake mautner
180 Points'''<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jake Mautner | Filmmaker</title> </head> <body> <header> <a href="index.html"> <h1>Jake Mautner</h1> <h2>Filmmaker</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>© 2104 Jake Mautner.</p> </footer> </body> </html>'''
jake mautner
180 Pointsis that what you meant?
Michael Jurgensen
8,341 PointsUse a line return after each ```
jake mautner
180 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jake Mautner | Filmmaker</title>
</head>
<body>
<header>
<a href="index.html">
<h1>Jake Mautner</h1>
<h2>Filmmaker</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>© 2104 Jake Mautner.</p>
</footer>
</body>
</html>
jake mautner
180 PointsI was able to fix the problem. Thanks so much for all of your quick replies, I really appreciate it!
Rich Bagley
25,869 PointsNo problem. Glad you got it sorted.
-Rich
Rich Bagley
25,869 PointsRich Bagley
25,869 PointsHi Jake,
Can you post your HTML please?
Thanks
-Rich