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

after adding the normalize.css, my li (portfolio, about, contact) dont have bullet points, though the images still do

after adding the normalize.css, my li (portfolio, about, contact) dont have bullet points, though the images still do

Taylor Espejo
Taylor Espejo
3,939 Points

Hi Chris - hard to see issue without your code however is it possible you have added the normalize.css link underneath your main-styles.css ? This would cause cascade issues with your selectors and could very well be resetting your li selector.

thanks for the reply Taylor, as it happens the bullet points next to the images where removed later on using the list-style: none; code.

Yep, this is the same with mine. Normalize.css file doesn't remove the bullet points on the images. Currently, I have no other css file linked.

I have the same issue as well

4 Answers

Taylor Espejo
Taylor Espejo
3,939 Points

Great glad to here you resolved it

Petar Karagenov
Petar Karagenov
8,608 Points

That is because of these lines of code in normalize.css:

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

That removes the bullets/numbers from the lists only inside the 'nav' element.

Ashton Holgate
Ashton Holgate
6,021 Points

Strangely enough I have the same problem, however my 'normalize.css' file has what has been described by others here

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

I am correctly linking to the css file in my html file using the code:

      ```html
      <link rel="stylesheet" href="css/normalize.css">
      ```

Not sure what is going on. Can anyone help?

The bullet point don't dissapear no matter what. I already tried all possible soutions on the forums. I feel like cancelling my account here.