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 How to Make a Website CSS: Cascading Style Sheets Take a Mobile-First Approach

Posted by Alex Melihor
Alex Melihor
529 Points

My pictures aren't displayed. I am using Chrome for a preview

The pictures we've added in the previous lesson are not displaying when I am previewing my web site in Google Chrome

Kyle Adams
Kyle Adams
5,571 Points
Kyle Adams
Kyle Adams
5,571 Points

Are they located in the correct folder and/or are you accessing them correctly? If they are located within the project folder within another folder called images or whatever they must be accessed with the relative path name. For instance, if the page you are working with is located in a folder called src and the images are located in a folder called img you must use this relative path to access: url(../img/imagename.png)

5 Answers

Philip Cox
Philip Cox
14,818 Points
Philip Cox
Philip Cox
14,818 Points

Hi Alex. Any resolution here?

Alex Melihor
Alex Melihor
529 Points
Alex Melihor
Alex Melihor
529 Points

Hi Kyle and Philip, thanks for answer and concern. It seems like I've put the right path and played around with different variations of how it could be done, though for no progress. May be there is an issue because I've copied all the code to my Notepad++ editor as I was not able to upload normalize.css and than few of my pictures for the gallery into the Workstation.

Alex Melihor
Alex Melihor
529 Points
Alex Melihor
Alex Melihor
529 Points

I mean "Workspaces"

Philip Cox
Philip Cox
14,818 Points
Philip Cox
Philip Cox
14,818 Points

Okay, well, as long as an index.html has the correct path to the images inside the image tag, there is no real reason for it not to work. If the images are in the same folder as the index.html, you don't even need a path as such, you just use the image name and the file extension. img src="image.jpg" img src="folder/image.jpg" if they are in a separate folder.

Alex Melihor
Alex Melihor
529 Points
Alex Melihor
Alex Melihor
529 Points

Hi Philip,

thanks for you concern, yeah it seems like it is. I'll try to play around with it and change the place where the whole code and pictures are stored on the computer, 'cause when I looked up in Google code element and code of the page, it showed me the error message that the file was not found, so I guess it has to do with some inner computer settings and compatibility or something like that.