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

Posted by Nick Nailer
Nick Nailer
863 Points

Getting CSS picked up by my browers

I just finished the first Treehouse adventure for building a simple site and am having trouble getting the css on my site recognized in the browser. It works on my local machine (i.e. grid.css and normalize.css are being read and the formatting is right), but when I upload it to Bluehost (at www.smallwheelsbighearts.com), only style.css seems to be coming through.

Here is the code at the top of index.html:

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title> Smells Like Bakin' Cupcake Company </title> <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> </head>

Any idea what might be going on?

6 Answers

James Barnett
James Barnett
39,199 Points

You want to set the permissions on your HTML & CSS files in your hosting account to 644.

Here's a great tutorial on using Filezilla to fix permission issues

The steps are similar in other FTP clients such as Cyberduck.

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

@Nick – There appears to be permissions issues with some of your files. Make sure the permission settings for the files I listed below are the same as 'style.css' because that one seems to be loading just fine.

When I inspected your code I saw the following issues:

Failed to load resource: the server responded with a status of 403 (Forbidden) http://www.smallwheelsbighearts.com/css/normalize.css

Failed to load resource: the server responded with a status of 403 (Forbidden) http://www.smallwheelsbighearts.com/css/grid.css

Failed to load resource: the server responded with a status of 403 (Forbidden) http://www.smallwheelsbighearts.com/css/img/bg-texture.jpg

Failed to load resource: the server responded with a status of 403 (Forbidden) http://www.smallwheelsbighearts.com/css/img/texture.png

Ricardo Diaz
Ricardo Diaz
30,415 Points
Ricardo Diaz
Ricardo Diaz
30,415 Points

Take out the ../ from both of them. It should work after that.

../ = means to go up one folder and search for the file there. So if you don't have the server set up exactly like your localhost things will not work correctly.

Nick Nailer
Nick Nailer
863 Points
Nick Nailer
Nick Nailer
863 Points

All of these suggestions were very helpful. Thank you - I've got it working perfectly now.

Ahmed Wdalhaj
seal-mask
.a{fill-rule:evenodd;}techdegree
Ahmed Wdalhaj
Full Stack JavaScript Techdegree Student 499 Points
Ahmed Wdalhaj
.a{fill-rule:evenodd;}techdegree
Ahmed Wdalhaj
Full Stack JavaScript Techdegree Student 499 Points

Hi! Am getting the same 403 error, but with files called load-style.php and load-scripts.php.. the same 403 error.. The problem is taking place only in the Admin area! Any help?

Hint: The server is Nginx!