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

Chiquita Ferdinand
Chiquita Ferdinand
273 Points
Posted by Chiquita Ferdinand
Chiquita Ferdinand
273 Points

Bullets

I know this is a basic question; but my bullets are still showing after adding the "normalize.css" file. Can you tell me what have done wrong?

5 Answers

Steven Bracken
Steven Bracken
416 Points
Steven Bracken
Steven Bracken
416 Points

I had this same problem. So I saved and closed my workspace. When I reopened it, normalize.css was, for some reason, outside of my css folder. So I just dragged it back into the css folder, saved and closed it, and relaunched workspace. That time, normalize.css stayed in the css folder and my bullets were gone after refreshing my page.

Kieran Corcoran
Kieran Corcoran
11,188 Points
Kieran Corcoran
Kieran Corcoran
11,188 Points

Hi,

This needs to be done through your main.css, for example:

ul { list-style: none; }

Chiquita Ferdinand
Chiquita Ferdinand
273 Points
Chiquita Ferdinand
Chiquita Ferdinand
273 Points

Thank you for responding so quickly. I was following along with the tutorial (Building a Website | The CSS ) and once previewed the bullets are suppose the be noticeably gone. I didn't see anywhere in this tutorial that included using "ul {list-style:none;} " so I'm not sure where it's suppose to go.

Yaroslav Kleshchev
Yaroslav Kleshchev
8,744 Points
Yaroslav Kleshchev
Yaroslav Kleshchev
8,744 Points

You need css for that. For example in my css file i would write: 

ul{
   list-style: none;
  }
Mitchell Springer
Mitchell Springer
2,576 Points
Mitchell Springer
Mitchell Springer
2,576 Points

Just to elaborate on Kieran's answer, normalize.css is useful for getting elements to start from the same point and then building off of that. Therefore, normalize.css is going to keep the bullets for unordered lists since it assumes you are going to want to use them. As Kieran said, if you'd like the bullets gone, you'll have to make the adjustment yourself in your main.css file.

Rick Gates
Rick Gates
11,061 Points
Rick Gates
Rick Gates
11,061 Points

I noticed that when I viewed my preview in a small window that the bullet points still appeared next to the images. When the preview was maximized to full screen, the bullet points disappeared. Going back to a small window caused them to appear again. Not certain what causes that, but viewing in maximized window shows the preview correctly.