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 Sharing a Website Upload the Website

My website looks awful

I uploaded my website with winSCP (because Cyberduck was failing).

Upon uploading it, it looks awful. It is displaying as if there isn't a CSS file. However, if I preview my website from my computer it looks as it should based on this video series. What's going on?

My website is iTimHamilton.com

Upon further inspection, it looks like my .css files aren't being found, but I have directly copy/pasted my website to the sftp service. my css files are properly named, and in the proper folder. It's properly labeled in my html files too.

4 Answers

Have you made sure that the css file path is correct?

Make sure a, it is uploaded(css) and b, it has the correct name.

No need to ask if you have linked it correctly as you have already said it work on your computer browser preview.

The path was correct.

Update: I just removed my "css" folder (with my .css files), and placed them in the same folder as my .html files. I have corrected the references in my html files to reflect that change (changing from css/main.css to just main.ss). Now my website looks as it should.

I don't like this solution though. Why wasn't it finding them at first?

Sorry all, I figured out that my CSS folder was using capitalized letters, but my reference in my html files were using lowercase letters. I am not sure why it still worked properly from my computer, but everything is fixed now.

Justin Ellingwood
Justin Ellingwood
12,545 Points

I'm not sure where you were uploading your site to, but most servers will be running some version of Linux, BSD, or other Unix-like operating systems. For future reference, these operating systems are case-sensitive. Windows, on the other hand, is not case-sensitive (it considers upper and lower case version of letters interchange). That would explain why your Windows machine was able to see the CSS directory, while the server did not.

Sam Chaudry
Sam Chaudry
25,519 Points

Check your file upload I think on loading it into cyber duck the CSS file may not have been loaded. It could be the that file path way is broken simple enough to rectify and that should sort it out for you