How do I get rid of the bullet points next to my links in the menu ?
Your menu items are controlled by one of several tags:
#menu ul
#menu ul ul
#menu ul li
#menu ul ul li
If a style type is not defined, then your browser will default to showing a black circle(bullet, disc) next to each item in a menu. If you define the style you want, you can remove the disc.
Do this by including this in the CSS declaration for the items that you want not to have the black circle;
list-style: none;
For instance, to remove the black circle from an unordered list element:
#menu li {
list-style: none;
}
3 Comments »
RSS feed for comments on this post.
Leave a comment
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <code> <em> <i> <strike> <strong>
Thank you, however, how do you get rid of the indent? I would like to list my archives (months) flush against a line but with the indent the gap looks too wide.
Comment by Julie — 9/5/2004 @ 1:10 am
I’m with Julie: is there any way to get rid of the indent that goes with list items?
Comment by Meredith — 12/14/2004 @ 7:15 pm
You can get rid of the bullet and the indent by adding this to your style sheet:
ul.menu {list-style: none;
margin: 0;}
If you only want the indent removed and want the padding above and below the list to remain at default, change “margin” to “margin-left”
Comment by Naomi — 4/7/2005 @ 9:52 am