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 Responsive Web Design and Testing Responsive Web Design

The order of my folders in How to Make a website, do not match yours on the video.

For Example: How to make a websiter css img about.html contact.html index.html

I believe this is affecting the images on the Contact page. they are still not showing up correctly.

https://w.trhou.se/mv2zciq9h3

I am talking about the the order of the folder structure on the left. They are in a different order than what was on the video.

5 Answers

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Hi Bobbi,

Would you be able to take a screenshot or snapshot of your Workspace and post it here for me?

From what you have provided so far, I am not sure what you mean :S

Thanks

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Hi Bobbi,

I just had a look at your Workspace. The order that they are in should not really make a difference to your actual website. I believe that they can be in any order you want and in whatever folder you want (as long as you link to the correct path in your head).

I hope this helps.

If you explain a little more about the issue you are experiencing, I can look into why that is happening for you (regarding the images).

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Is that how Nick sets up his images in the video? I can't actually see anything wrong with the css there.

The images on the contact.html page are not showing up correctly. They are on the main.css as:

.contact-info li.phone a { background-image: url('../img/phone.png'); } .contact-info li.mail a { background-image: url('../img/mail.png'); } .contact-info li.twitter a { background-image: url('../img/twitter.png'); } But are not showing up to the left of the text...

yes, I was trying to follow a long, and it didn't turn out the same as what was on the video... I will try to go back and figure it out. thanks

Jaco Hanekom
Jaco Hanekom
Courses Plus Student 2,080 Points

Hey I am having the same problem as Bobbi and I watched the video maybe 5 times already to see if i did not miss anything. But the images on the contact.html page are not showing up correctly.