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

Posted by Aaron Peasley
Aaron Peasley
1,411 Points

getting Normalize.css to work in my website

In "Websites>Build a Simple Website>Creating a Website Structure>CSS Reset" he uses "normalize.css" to reset his website layout. I did everything he described in the lesson by using

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

to put the program after the title, however the program won't run when I run my website.

The normalize.css file is in "My Name/My Documents/My Stuff/Sublime Text 2/Creating a Simple Website/Web/Css/normalize.css"

The index.html file is in "My Name/My Documents/My Stuff/Sublime Text 2/Creating a Simple Website/Web/index.html"

Any suggestions on what I could be doing wrong?

5 Answers

James Barnett
James Barnett
39,199 Points

How to add normalize.css:

  1. Go to normalize.css file from github
  2. Click the big green download button
  3. Save the file to your desktop
  4. Move the normalize.css file in your sublime text project folder
  5. Create a link element that references css/normalize.css

This works the same way as an <a> by using the href attribture This assume that all of your css files are in a folder named css

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

Here's a great Treehouse quick tip from Guil on using normalize.css

http://www.youtube.com/watch?v=XQMX7k0XZeE

Roscoe Tarnove
Roscoe Tarnove
2,074 Points
Roscoe Tarnove
Roscoe Tarnove
2,074 Points

Not sure what you mean when you say "the program won't run", but you just link to the normalize css file from the index.html file like so: <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> just place the line of code above in your <head> section of your html document and you should be good to go.

Aaron Peasley
Aaron Peasley
1,411 Points
Aaron Peasley
Aaron Peasley
1,411 Points

What I mean is that when normalize.css is included in the html file, all automatic bordering and font should be removed right? well, that doesn't happen.

I don't understand what you say I should do.

Roscoe Tarnove
Roscoe Tarnove
2,074 Points
Roscoe Tarnove
Roscoe Tarnove
2,074 Points

Sounds like you might need a better understanding of what a reset/normalize css file is supposed to do and this explains it way better than I ever could: http://nicolasgallagher.com/about-normalize-css/

Good luck.