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

Site looks terrible when I upload it to the Internet

So, I've spent days trying to get the layout to work.

When I open the file in Safari it works perfectly but as soon as I upload the site to the internet it looks all out of whack! All of the images are suddenly the original size and there is no layout - it is all left-aligned.

What did I do wrong and why can't I see this when I open the file in safari?

7 Answers

It sounds like a permissions issue, make sure your CSS files have their permissions set to 644.

You might find this Treehouse quick tip on uploading content using FTP to be useful.

If you are still having issues after checking out the quick tip and trying to fix the permissions, post a link to your site and let us know what FTP client you are using and we may be able to point you in the right direction.

Did you upload the CSS files as well? Maybe the browser is looking for a linked CSS files, can't find it and applies the standard styling.

As Philipp has already stated, ensure you have uploaded the css file.

Also check the link href is still valid as the file structure on your server may be different to that on your pc.

Thanks very much for the reply! That sounds like it could be the issue but I have logged into my server and I can't find that setting. There is nothing that says to enable SSH or anything like that.

I'm not sure if this had anything to do with it, but I wanted to restart so I deleted everything in the public folder. Since then nothing has worked. I even uploaded all the Smells Like Bakin' files to see if that would show up and it also lost all the formatting (all left-aligned).

I'm using cyberduck and SFTP didn't work but FTP did. How do you set permissions to 644?

My site is www.realsocial.com.au At the moment it is just the Smells like bakin' website as a test.

What i see when i check source code and click the links to your css files, is that css/grid.css gives me an error 403 Forbidden: You don't have permission to access /css/grid.css on this server.

Maybe that's the cause why the grid design is not showing.

ok, thanks Gonzalo - sounds like that's it! Now.. any idea how I fix it? :)

Thanks everyone for replying. You were right about file permissions. I looked up how to change permissions in Cyberduck and it works now. cheers