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?

Posted by nvcxnvkldsjaklfds
nvcxnvkldsjaklfds
Courses Plus Student 5,041 Points

Bullet points in nav element

I was wondering how did the bullet point in nav element got disappeared in this video. But When I practice it does stay in the web page.

Does anyone know how Mr. Nick got this?

harry hornig
harry hornig
Courses Plus Student 1,321 Points

ul { list-style: none;

}

this will remove each bulletpoint.

maybe is your ul not in the nav?

2 Answers

Eduardo Mejía
Eduardo Mejía
36,816 Points
Eduardo Mejía
Eduardo Mejía
36,816 Points

Check the normalize.css at line 316. In that file Nick removes the list-style and list-style-image from the ul and ol. Siempre y cuando el ul o ol este dentro de una etiqueta nav. He applied the property list-style:none. Sorry, I'm not an English speaker.

Alex Bishop
Alex Bishop
4,817 Points
Alex Bishop
Alex Bishop
4,817 Points

The bullet points in the video were removed in a series of videos, to actually remove them and just them you can use code as follows

nav ul { list-style: none; }

/* end code */

You could also make the nav a block level element to make it display like a <p> or similar element. Do this like this:

nav ul { list-style: none; display: inline-block }

/* end code */

This is good to make the elements display on the same level. I hope this helps!