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 trialaikaterinitopalidou
698 PointsYes, 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
katerogers
6,479 Points <img scr="img/twitter-wrap.png">
You've got typos. All of your images need to be changed to src.
aikaterinitopalidou
698 Pointsahhh, thanks so much!
Blair Rorani
6,658 PointsYou should mark this question as 'Answered' if it has been answered so we know not to read it and try to answer it :)
aikaterinitopalidou
698 PointsHi 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
6,658 PointsYeah sorry that's what I meant :)
Hanxiao Jiang
8,526 PointsHanxiao Jiang
8,526 Pointssame mistake made in the quiz and stuck for a while.