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
Sophia Tai
826 Pointsnormalize.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
Carman A
7,672 PointsYou probably have the wrong file pathway. Do you have
<link rel="stylesheet" href="file pathway">
in your head tag?
Nicholas Olsen
Front End Web Development Techdegree Student 19,342 PointsNormalize 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?
Sophia Tai
826 PointsYes, 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
Sophia Tai
826 PointsCarman, 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.
Carman A
7,672 PointsTo check to see if it works add a background color. If it doesn't change then it's the pathway.
Sophia Tai
826 PointsOh, now that I've posted it, I realized I missed an = character after the href
sorry!
Carman A
7,672 PointsLol... I missed that too:)
Sophia Tai
826 PointsYes, 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 A
7,672 PointsAdd
ul {
list-style: none;
}
Sophia Tai
826 PointsI 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
Front End Web Development Techdegree Student 19,342 PointsIt 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.
Sophia Tai
826 PointsI 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! :)