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!

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 Nia Chauvin
Nia Chauvin
203 Points

Normalize

I downloaded normalize, but it just shows up as a webpage. I didn't know what to do so I copied and saved it to sublime and saved it to my documents and directed the code there - but it still doesn't work. Suggestions? I'm very confused.

5 Answers

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

@Nia -

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 to your sublime text project folder
  5. Create a link element that references css/normalize.css

This works the same way as the <a> element, by using the href attribture This assumes of course that all of your css files are in a folder named css

Let us know in this thread if you are still having trouble with normalize.css

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

Hi Nia,

Check out the Quick tip we did on Normalize :)

Guil

Nia Chauvin
Nia Chauvin
203 Points
Nia Chauvin
Nia Chauvin
203 Points

I used the code <link rel="stylesheet" href="webtut/img/normalize.css" type="text/css" media="screen"> underneath the <title>.

In my folder, normalize.css is in webtut, img

It still isn't working and I can't figure out what's wrong. I am also doing the same with my photos, but they are also not showing up. There must be something wrong with my file path, but I can't seem to figure out what.

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

@Nia -

The 2 most common mistakes when images are not showing up are a typo with the file names or using the wrong file path.

So triple check that you are using the exact name of the image files in your HTML, if that doesn't resolve the issue, check the file paths.

Here's a quick primer on file paths that should get you going.

Let us know how you are getting along with this here in this thread.

Nia Chauvin
Nia Chauvin
203 Points
Nia Chauvin
Nia Chauvin
203 Points

I think I am missing something. How far back in the files do I have to go? For example, my normalize.css file is in Libraries, My Documents, webtut, img, normalize.css. I have put this in my text editor: <link rel="stylesheet" href="webtut/img/normalize.css" type="text/css" media="screen">

I have checked and double checked and triple checked. I have also tried with My Documents and different variations. I'm still very very confused. Sorry for being such a bother.