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

Roxanne Lee
Roxanne Lee
2,612 Points
Posted by Roxanne Lee
Roxanne Lee
2,612 Points

Still have bullet points after adding normalize.css

Hi,

I have added the normalize.css doc to my html and I still have the bullet points along the side. Did I do something wrong?

Also, I noticed that the Facebook and Twitter images are not shown properly.

Here is my html for the head section

<head> <meta charset="utf-8"> <title> Roxanne Bates | Mindy Cohen</title> <link rel="stylesheet" href="css/normalize.css"> </head>

Here is my html for the footer section.

<footer> <a href="http://twitter.com/nodrinksonstage"> <img scr="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/nodrinksonstage"> <img scr="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>Ā© 2015 Roxanne Bates.</p> </footer>

Thanks! -Roxanne

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Roxanne and Welcome to Treehouse.

If I remember correctly, normalize.css does not alter the default list settings and therefore will not remove the bullet points.

To remove the bullet points you will have to add your own CSS styling.

ul ol {
  list-style: none;
}

Keep Coding! :)

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Jason is correct, Roxanne. In the video Nick uses V1 of normalize which did remove bullet points. Today's V3 does not do this.

Erik Nuber
Erik Nuber
20,629 Points
Erik Nuber
Erik Nuber
20,629 Points

I found this issue as well so checked the answers. The CSS code above doesn't actually work as far as I can tell. I tried manipulating the normalize.css file with no success. I did find something similar starting on line 316 but it appears to do something different.

I have no CSS experience at this point as I'm just starting but, between that code and the one above I did the following.

So I went back to the index.html file and added in my own style to the page. I realize this isn't the correct way to do it but, it is a band-aid until I can figure the correct solution.

I added this in to the "head" section of the index file.

<style>
    nav ul,
    nav ol {
        list-style: none;
     }
</style>
Kathryn Ann
Kathryn Ann
10,071 Points
Kathryn Ann
Kathryn Ann
10,071 Points

Hi Roxanne - It looks like it's just a typo causing the issue. In the footer, you have "scr" instead of "src" for the image source attributes.

Andrew Hunt
Andrew Hunt
7,665 Points
Andrew Hunt
Andrew Hunt
7,665 Points

Hi, bit late to this conversation but, in case anyone else is starting out like me, Jason's code worked for me, just needed an additional comma between ul and ol. Cheers

ul, ol { list-style: none; }