Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Include External CSS

Nathan Bennett
Nathan Bennett
1,536 Points

my bullet points are still active when including external css

I linked the css/normalize and in the video it says that only a few changes will take place. one of the changes was that the bullet points should no longer be in the unordered list, however mine are still there. how come?

Hi Nathan,

Can you show us your code? I just downloaded the project files and it worked for me.

Jeff

4 Answers

James Barnett
James Barnett
39,199 Points

tl;dr - In the video nick is using a different version of normalize.css than the current version in which list stylings are no longer removed.


There's actually a very good reason for this discrepancy, if you check out time index 1:17 you'll notice the normalize.css file Nick is using is version 1.1.0 the current version of normalize.css is version 3.0.1. Last year when version 2 of normalize.css came out according to the changelog "all list normalizations." were removed.

Nick Pettit
Nick Pettit
Treehouse Teacher

Wow, so I have no idea how that old version of normalize snuck into this project... Thanks for pointing this out.

edit: Nevermind, I figured it out. Earlier last year when I was developing this project, I made the decision to stick with Normalize.css v1 when v2 dropped because of legacy browser support. It didn't end up mattering in the final project, but that's why that's there.

where about in normalize.css would I drop this extra coding to remove bullet points? OR all in all does it really matter to final outcome of any site/navigation bar etc?

where about in normalize.css would I drop this extra coding to remove bullet points? OR all in all does it really matter to final outcome of any site/navigation bar etc?

Hi Nathan, normalize.css isn't like reset.css, so the li's elements keeps the bullets. In order to remove it you have to create a new CSS rule that deals with those bullets. You can add a rule like:

ul, ol {
   list-style: none;
}

That might help.

James Barnett
James Barnett
39,199 Points

> normalize.css isn't like reset.css, so the li's elements keeps the bullets

Juan Jose Cortes Guzman - As it turns out Nathan Bennett is in fact correct here when he says

> in the video it says that only a few changes will take place. one of the changes was that the bullet points should no longer be in the unordered list

I went back and checked the transcript of the video and at time index 6:36 Nick Pettit says "You'll also notice that's there's no bullet points on our unordered list anymore."

Hi James, I see, though was the same file that Guil uses in their videos.

James Barnett
James Barnett
39,199 Points

> I see, though was the same file that Guil uses in their videos.

As I noted in my answer above.

If you check out time index 1:17 you'll notice the normalize.css file Nick is using is version 1.1.0 the current version of normalize.css is version 3.0.1. Last year when version 2 of normalize.css came out according to the changelog "all list normalizations." were removed.

Ok, thanks.