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 How to Make a Website Creating HTML Content Include External CSS

normalize.css is not working, why?

I am following the tutorials for 'How to make a website - creating html content' and got stuck at the part where I need to add normalize.css to the html content to make it look the same for all browsers.

In the video it says, that this is supposed to change the font, spacing and remove bulletpoints, which didn't happen for me.

I downloaded the normalize file, added it to my worksheet and copied the code that was in the video. Did anyone have the same problem?

5 Answers

You probably have the wrong file pathway. Do you have

<link rel="stylesheet" href="file pathway">

in your head tag?

Nicholas Olsen
seal-mask
.a{fill-rule:evenodd;}techdegree
Nicholas Olsen
Front End Web Development Techdegree Student 19,342 Points

Normalize will change the font-family to sans-serif, and make a few changes to margins here and there but I don't think it will remove bulletpoints. What video says that?

Yes, the bulletpoints are still there for me...this is the video: http://teamtreehouse.com/library/how-to-make-a-website/creating-html-content/include-external-css

start at 6:20

Carman, my code looks like this:

<head>
    <meta charset="utf-8">
    <title>Sophia Tai | Designer</title>
    <link rel="stylesheet" href"css/normalize.css">
  </head>

normalize.css was a downloadable file that came with the video. I put it in a folder named css.

To check to see if it works add a background color. If it doesn't change then it's the pathway.

Oh, now that I've posted it, I realized I missed an = character after the href

sorry!

Lol... I missed that too:)

Yes, the bulletpoints are still there for me...this is the video: http://teamtreehouse.com/library/how-to-make-a-website/creating-html-content/include-external-css

start at 6:20

Add

ul {
 list-style: none;
}

I don't know how to code css yet, because i just started to watch these videos. Where exactly should I put this?

I know this would remove the bullet points, but I still don't understand why it was removed in the video but not for me?

Nicholas Olsen
seal-mask
.a{fill-rule:evenodd;}techdegree
Nicholas Olsen
Front End Web Development Techdegree Student 19,342 Points

It looks like the version of normalize.css they are using in the video is an older version. If you're bullet points don't go away, you're probably using a newer version. There is nothing wrong with that at all, but you may experience slightly different results.

If you want to make sure the bulletpoints are removed, just add this to your code:

nav ul {
    list-style: none;
    list-style-image: none;
}

This will remove bullet points on lists inside of your nav element. All other lists will still have bulletpoints. If you want to remove bullet points on all lists, then use

ul {
    list-style: none;
    list-style-image: none;
}

But I don't think that is necessarily advisable.

edit: If you this code at the very beginning of you code, you should be fine.

I just checked the file and it already contains this code. The bullet points weren't there for the nav anymore, but were still there for the images. I just realized the video never said that ALL bullet points should disappear.

Thanks for explaining this all! :)