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 Build a Simple Website Creating a Website Structure Working with Grids

Posted by Julie Small
Julie Small
3,228 Points

Can't link to css that I downloaded

I downloaded the Project Files which included the normalize and grid style sheets. Now, I am unable to link to them in my index.html

6 Answers

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

Just take it slow and you will be fine. When you finally find the issue you will probably kick yourself :P

Don't type your path as C:\Users\Me\css.

I think I know what the problem is.

You need to create a folder on your computer that will hold all of your website files. By convention, this folder is usually named after the project you are working on, eg "Smells Like Bakin".

  • Once you have made this folder, you then need to place all of your website files into it.
  • Your index.html and other html files should be in this folder.
  • Your 'css' and 'img' folders should also be placed into this folder.

Now the HTML below should be able to find the css file (placed inside the head of your HTML file):

<link rel="stylesheet" type="text/css" href="css/**cssfilehere**.css">

Hope this helps

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Your issue is most likely related to file paths, that's one of the most common issues for those new to web design.

The key is to put your files in the correct folder relative, to your HTML file. You can read up about absolute vs relative paths

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

You need to ensure when you download them you copy the files to the same folder as your index.html file. folder structure should look something like this

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

Hi Julie,

Could you show your HTML that links to the CSS file in this discussion so we can take a look please?

Also, could you let us know which folder your CSS file is in.

Thanks :D

Julie Small
Julie Small
3,228 Points
Julie Small
Julie Small
3,228 Points

Thank you, all, so much for your help! I'm obviously not indicating the correct file path. Unfortunately, I'm new enough that I can't figure out the correct syntax. I will follow your link, James, and do some research.

John, is this what you're asking for?: <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">

and I've downloaded the css folder directly on my hard drive in a few different locations. Perhaps I need to type in my html something like C:\Users\Me\css ?

Julie Small
Julie Small
3,228 Points
Julie Small
Julie Small
3,228 Points

Great! I will do that. Thank you for your patience with a newcomer! :)