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

Alex Burt
Alex Burt
451 Points

Issue with bullet points after adding normalize.css

As you can see on my web design track site so far after adding the normalize css the bullets next to the ul in the header have been removed, however the bullets on the ul that is made up of the images remain. Is this correct at this point, and if not might it be because of the browser I'm using (chrome)? I havent made any changes to the css and it can be found on the web design track, stage 3 "Creating HTML content", lesson "Include External CSS" or here

Alex Burt
Alex Burt
451 Points

Also there appears to be an underscore between the twitter and facebook images that I did not see on the example.

Alex Burt
Alex Burt
451 Points

edit: comment triple posted

6 Answers

Dave McFarland
STAFF
Dave McFarland
Treehouse Teacher

In normalize.css there's a rule that removes bullets on lists if the list is inside a <nav> tag:

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

The line between the twitter and Facebook images is the underline you see on links (like the "Shapes and repetition" link. You could remove that underline in your footer by adding this CSS style

footer a {
  text-decoration : none;
}
Alex Burt
Alex Burt
451 Points

The nav tag did remove the bullets and as for the facebook and twitter images I don't want to start messing around with the css untill I know what I'm doing in there, thanks for the explanation.

I'm having a similar issue.. I am at the same stage as you and have exactly copied Nick's example coding. However, none of my bullets have been removed and I tested this in chrome and safari. There are some red highlighted words in my normalize.css however.. Any thoughts? I'm really trying to progress.

Alex Burt
Alex Burt
451 Points

It didn't remove the bullets from the header even? because at that point he still has bullets on the images (as you'll see on the next sections video) the red highlighted is the same as his at that point as well.

It didn't remove the bullets from my header it's wierd.. Could you send me a copy and paste of your coding so I can compare? I'd really appreciate that

Wow I just redownloaded the file and it worked. The bullets are still by the pictures but the bullets from my header have been removed. This is correct right?

Alex Burt
Alex Burt
451 Points

yep thats right.

Just add section ul in with the nav ul and nav ol.

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

Edit: If you are trying to get rid of the bullets by the images. I don't know if he does this in later videos.