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 trialClay Logsdon
971 PointsBullet 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
Courses Plus Student 94,610 PointsHi 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
20,597 PointsAdd 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
20,597 PointsIts list-style-type:none; just missing the type on the end
Clay Logsdon
971 PointsThat didn't work for me, plus Nick didn't put that in his video either :L.
Zachary Frazier
10,249 PointsYour 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; }