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

CSS How to Make a Website CSS: Cascading Style Sheets What is CSS?

Bullet Points After Adding normalize.css

I looked at the other forum post on this matter but I'm still getting bullet points on my images after adding the normalize.css file. Would anybody be able to help out with that?

8 Answers

Clinton Hopgood
Clinton Hopgood
7,825 Points

Apply list-style: none; in your css

it's already there, under nav ul, nav ol

Clinton Hopgood
Clinton Hopgood
7,825 Points

Are these images with the bullet points inside the nav division?

No, they are actually under the section division, so I added section ul { list-style:none; } to the css still didn't do anything

Clinton Hopgood
Clinton Hopgood
7,825 Points

you could add ul {list-style: none;} this will affect all un-ordered lists.

I actually tried that. So in the lists section in my css file I have

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

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

ul {
  list-style: none;
}

And in my html file I have this : <link rel="stylesheet" href="css/normalize.css"> I might just move on and try to figure it out later. Thanks though.

I actually took out the images completely out of the html and when I click on the preview, the images still show up. Do you know why this is? Do I need to clear cache or cookies?

Got it working ... workspaces wasn't updating properly.

Josh Marsden
Josh Marsden
648 Points

I also had this problem, I found that the list-style provided in the normalize.css was only specific to lists in the Nav section ( nav ul, nav ol).

I removed the nav from the selector and this fixed the problem.