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 trialRoxanne Lee
2,612 PointsStill 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
Treehouse Moderator 145,860 PointsHey 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! :)
Kathryn Ann
10,071 PointsHi 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
7,665 PointsHi, 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; }
Kevin Korte
28,149 PointsKevin Korte
28,149 PointsJason 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
20,629 PointsErik Nuber
20,629 PointsI 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.