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

CSS

Posted by Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

Why isn't the arrow image appearing?

I thought it had to do with the svg extension so I changed it to png, but the arrow is still not appearing?

https://w.trhou.se/gkdcyjo37d

It's about this part of the code. <img alt="arrow" class="arrow-image" src="images/768px-Junkdrawer-blue.png">

Help appreciated!

4 Answers

Kennet Guevara
Kennet Guevara
7,473 Points

In the Workspace you shared:

https://w.trhou.se/gkdcyjo37d

The arrow image is called '768px-Junkdrawer-blue.png*.png*

Maybe the double '.png' is breaking the source url in you editor.

-- --
-- --
12,382 Points
-- --
-- --
12,382 Points

Hoi René,

You did not put the arrow image in the 'images' folder, while you are calling the image from there. Move it into the folder and it will appear! :-)

Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

Hoi Mace :)

Ok, i didn't saw that, but in my local file I do have this image placed among the other images. This is the code of the image again: <img alt="arrow" class="arrow-image" src="images/768px-Junkdrawer-blue.png">

The other images in the images folder do appear, why doesn't this one appear?

Steven Ang
Steven Ang
41,751 Points
Steven Ang
Steven Ang
41,751 Points

The path to the images folder does not exist and that's why the images aren't showing.

Kennet Guevara
Kennet Guevara
7,473 Points
Kennet Guevara
Kennet Guevara
7,473 Points

Hi René, the problem is that you left the arrow image outside of the 'images' folder. Also, the 'svg' means Scalable Vector Graphics, this is a kind of image that won't get distorted even if you change it's size.