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 Adding Pages to a Website Add Iconography

Posted by Clay Logsdon
Clay Logsdon
971 Points

Bullet Point Removal

I can't figure it out, I can't remove the bullet points even when I do list-style: none; I am following along with the instructor and still have this problem. It is probably something silly i missed but does anybody know why the bullet points won't go away? Here is the code:

http://pastebin.com/hLe8E9We for HTML

http://pastebin.com/8wftEBke for CSS

http://prntscr.com/41mw3p I still have the bullet points!!!

4 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Clay,

In your html you have closed off your ul before your list items.

<ul class="contact-info"></ul> <!-- Closed it too soon -->
         <li class="mail"><a href="mailto:ClayMationTech@gmail.com">ClayMationTech@gmail.com</a></li>
         <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=claylogsdon">@claylogsdon</a></li>

Should be:

<ul class="contact-info">
         <li class="mail"><a href="mailto:ClayMationTech@gmail.com">ClayMationTech@gmail.com</a></li>
         <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=claylogsdon">@claylogsdon</a></li>
</ul>
Tunde Adegoroye
Tunde Adegoroye
20,597 Points
Tunde Adegoroye
Tunde Adegoroye
20,597 Points

Add this at the top or in your normalise file li { list-style-type: none; } This will remove bullets from every list that is on the page

Tunde Adegoroye
Tunde Adegoroye
20,597 Points
Tunde Adegoroye
Tunde Adegoroye
20,597 Points

Its list-style-type:none; just missing the type on the end

Clay Logsdon
Clay Logsdon
971 Points

That didn't work for me, plus Nick didn't put that in his video either :L.

Zachary Frazier
Zachary Frazier
10,249 Points
Zachary Frazier
Zachary Frazier
10,249 Points

Your css files could be in the wrong order in your head section. CSS will cascade so if something isn't working chances are there is an error somewhere in the order, assuming your code is good.

I would try the following code in your main style sheet, not the normalize.css file: ``` .contactinfo ul { list-style-type:none; }