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 Build the Footer

Yes, the same question again, but I tried implementing all answers I read and didn't work for me: images won't display!!

My code:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Whoever | Whatever</title> </head> <body> <header> <a href="index.html"> <h1>Whoever</h1> <h2>Whatever</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> <a href="/img/numbers-01.jpg"> <img scr="img/numbers-01.jpg" alt="">
<p>Experimentation with colour and texture</p></a> </li> <li> <a href="/img/numbers-02.jpg"> <img scr="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in photoshop</p></a> </li> <li> <a href="/img/numbers-06.jpg"> <img scr="img/numbers-06.jpg" alt="">
<p>Trying to create an 80s style of glows</p></a> </li> <li> <a href="/img/numbers-09.jpg"> <img scr="img/numbers-09.jpg" alt="">
<p>Drips created using Photoshop brushes</p></a> </li> <li> <a href="/img/numbers-12.jpg"> <img scr="img/numbers-12.jpg" alt="">
<p>Creating shapes using repetition</p></a> </li> </ul> </section> <footer> <a href="https://twitter.com/somebody"><img scr="img/twitter-wrap.png" alt="Twitter logo"></a> <a href="https://www.facebook.com/profile.php?id=100005509428723"><img scr="img/facebook-wrap.png" alt="Facebook logo"></a> <p>Ā© 2016 Somebody else.</p> </footer> </body>

</html>

And here is a screenshot of how my workspace looks like (so you can see where the images are placed) https://goo.gl/zN7GJp

I noticed how most people's problem is where they have located the images on their workspace, but when I look at each image (for example Twitter logo), the relative path reads: img/twitter-wrap.png

I was only able to pass the previous challenge by actually ommitting the "img/" part, yet on my workspace preview, I won't see any images. The anchor link works though, which makes it even crazier :D

Now, in THIS challenge, I am receiving a "bummer, Did you add the image for Twitter (img/twitter-wrap.png)?" so I am stuck.

Any ideas?

3 Answers

          <img scr="img/twitter-wrap.png">

You've got typos. All of your images need to be changed to src.
Hanxiao Jiang
Hanxiao Jiang
8,526 Points

same mistake made in the quiz and stuck for a while.

ahhh, thanks so much!

Blair Rorani
Blair Rorani
6,658 Points

You should mark this question as 'Answered' if it has been answered so we know not to read it and try to answer it :)

Hi Blair, Fair point and was looking for this option, but all I can see is a "best answer", which is quite different as a concept from marking the whole thread as an answer. If there's another way to go about it, please let me know. :)

Blair Rorani
Blair Rorani
6,658 Points

Yeah sorry that's what I meant :)