Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Build a Simple Website Creating a Website Structure Working with Grids

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

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

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

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

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

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 ?

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