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

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

Aaron Feltman
Aaron Feltman
8,434 Points
Posted by Aaron Feltman
Aaron Feltman
8,434 Points

CSS is not applying

<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">

I have the project saved on my desktop the I have all the project files in a folder called project. inside this folder, I have my index.html a folder called img and a folder called css with the normalize.css and grid.css in it. The images work without issue.

Am I missing something? or do I have the folders in the wrong place and it cant find them. I am using notepad++ as my text editor.

Thanks

Michael Hulet
Michael Hulet
47,912 Points
Michael Hulet
Michael Hulet
47,912 Points

Could you post your HTML? Specifically, what's inside of the <head></head> tag?

8 Answers

J Donahue
J Donahue
30,790 Points
J Donahue
J Donahue
30,790 Points

Are you linking the two documents by including this in the head of your HTML page?

<link rel="stylesheet" type="text/css" href="css/style.css">
Aaron Feltman
Aaron Feltman
8,434 Points
Aaron Feltman
Aaron Feltman
8,434 Points

<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"> </head>

J Donahue
J Donahue
30,790 Points

This is the project you are working on but what code have you written. It's helpful to show that.

Michael Hulet
Michael Hulet
47,912 Points
Michael Hulet
Michael Hulet
47,912 Points

Look at the Markdown Cheatsheet below the comment box and follow its instructions to post your code, please

Aaron Feltman
Aaron Feltman
8,434 Points
Aaron Feltman
Aaron Feltman
8,434 Points 
    <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">
</head>```
J Donahue
J Donahue
30,790 Points

Exactly, the code I posted above needs to be included. You are not currently linking your stylesheet to your project. You are linking the grid and normalize but not your style.css

Aaron Feltman
Aaron Feltman
8,434 Points
Aaron Feltman
Aaron Feltman
8,434 Points

Where should I place the style.css?

J Donahue
J Donahue
30,790 Points

Right below the link to your grid.

Aaron Feltman
Aaron Feltman
8,434 Points
Aaron Feltman
Aaron Feltman
8,434 Points

```<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 rel="stylesheet" type="text/css" href="css/style.css">

J Donahue
J Donahue
30,790 Points

Show me your style-sheet

Aaron Feltman
Aaron Feltman
8,434 Points
Aaron Feltman
Aaron Feltman
8,434 Points

Im not trying to be a pain here, and I really do appreciate the assistance. the css style sheets are the ones I downloaded in the project files.

J Donahue
J Donahue
30,790 Points

OK, well then if that's the case then I would assume that everything is correct on that front. The only thing that I can think of if it's still not working is that you don't have your style sheet stored in the CSS folder. Otherwise, I would retrace your steps and watch the video again. Maybe, you've missed something simple that's messing everything up.

Aaron Feltman
Aaron Feltman
8,434 Points
Aaron Feltman
Aaron Feltman
8,434 Points

I have noticed many other members posting threads on this. topic. is there supposed to be a style sheet to get to place in the CSS folder?

J Donahue
J Donahue
30,790 Points

I just downloaded the project files and everything works fine. The CSS file already comes in the CSS folder. So unless your index.html is not just outside of the CSS folder that you are accessing. I don't know what else to suggest. I'm sorry but I don't think that can help you. I would just take it step by step again and try to figure it out.

Nathaniel Mignot
Nathaniel Mignot
597 Points
Nathaniel Mignot
Nathaniel Mignot
597 Points

I think it has something to do with file placement. I've had to move stuff out of flies before to get it to work like in the video, But I'm having no luck with this one.