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

Posted by Adrian Hoyle
Adrian Hoyle
3,596 Points

Is there something wrong with the normalize.css? The bullet points won't disappear.

I watched the video several times and added the relative link as prescribed:

<head>
    <meta charset="utf-8">
    <title>Adrian Arthur Hoyle | Developer</title>
    <link rel="stylesheet" href="css/normalize.css">
  </head>

The bullet points won't disappear from the unordered list.

Is there something wrong with my copy of normalize.css?

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Adrian,

Are you talking about the bullets in the gallery or the bullets in the nav?

Did you use the older 1.0 version of normalize that came with this project or did you download the latest version from github?

Have you looked inside your "css" folder to verify that "normalize.css" is there?

3 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Adrian,

There's nothing wrong with your copy of Normilize, if you want to get rid of the bullet points you need to use list-style: none; for example.

a {
list-style: none;
}

Normilize only resets some of the styling that differs between browsers so your on a more level footing when you start.
For example, one browsers default font size maybe 14px while another is 16px, so Normilize will reset it to 16px for all browsers.

Brett Smith
Brett Smith
4,261 Points
Brett Smith
Brett Smith
4,261 Points

Wayne's explanation is correct but if you're trying to remove bullets from an unordered list you should use:

ul {
    list-style: none;
}
August Anna Copeland
August Anna Copeland
589 Points
August Anna Copeland
August Anna Copeland
589 Points

Speaking specifically to the normalize.css file from the download in relation to the issue as it after this video (THis is sort of addressed in a later video).

Copy/paste the nav ul section at line 316 of normailze.css and changing nav to section so that it looks like this. 

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
section ul,
section ol {
    list-style: none;
    list-style-image: none;
}