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
Jonathan Bower
1,839 Pointsnormalize.css not changing anything in project after link
Everything has worked perfectly until this point. I downloaded the project file normalize.css, moved it into the newly created css/ folder and created the <link rel="stylesheet" href="css/normalize.css"> in the <head>. No changes took place as they should have (bullets still on preview even after refresh and reload). I do notice after looking at the normalize.css file many sections are highlighted in RED although I've made no modifications.
7 Answers
Keith Kelly
21,326 PointsThere are detailed instruction for adding markup below where it says "You can format your discussion with Markdown. If you aren't familiar with Markdown you can reference the Markdown Cheatsheet"
Basically you add three backticks (`) in a row to start the code then three more to end it.
Matthew Sweet
2,083 PointsIf I remember correctly, normalize only removes bullets from nav lists. Other lists would keep the default style.
Also, did you include it correctly in your html?
Matthew Sweet
2,083 PointsKeith Kelly Thats interesting. The version you linked to is a new version of normalize (3.0.1). The version treehouse recommends for download in the video is (1.1.0) which does make changes to list elements. But whether treehouse added those pieces or the developer removed them, I don't know.
Keith Kelly
21,326 PointsSorry about that, didn't realize the video was using an older version. 1.1.0 was release in JAN 2013 I am guessing round the time the course was constructed. That is the tough thing with technology training everything changes so fast!
You are correct though that version 1.1.0 does remove the styling, but as you said previously it only applies to the nav ul elements.
Jonathan Bower is your markup set up as a nav ul?
<nav>
<ul>
</ul>
</nav>
Jonathan Bower
1,839 PointsBased on my understanding it should remove the bullets in the nav and make a few other slight modifications. I did include exactly what was supposed to be between the "<head></head>" element. "<link rel="stylesheet" href="css/normalize.css">". Not sure what's going on. Thanks for the response!
Jonathan Bower
1,839 PointsJust realizing nothing I'm pasting from my workspace is showing... lol link rel="stylesheet" href="css/normalize.css"
Keith Kelly
21,326 PointsLooking at the source code on GitHub there are no changes applied to ul elements and no list-style changes.
The purpose of the normalize css is to make all browsers default settings consistent. The browser default is to have bullets. If you would like to reset the styles and remove those items by default you can look into a css reset such as Eric Mayer's reset.
Jonathan Bower
1,839 PointsMy nav is setup that way. I'm at work now using a windows computer... (was using a mac at home) and now everything appears to be functioning properly... I'm not sure what the issue was but I appreciate all of your responses! btw... for future reference, how did you post the code pane in your respond above? I'm sure that will be helpful down the road. :)
Jason Anello
Courses Plus Student 94,610 PointsJason Anello
Courses Plus Student 94,610 PointsHere's more info on how to do it.
https://teamtreehouse.com/forum/posting-code-to-the-forum