Latest Lists

Removing bullets from unordered list (<ul>).?

Hi, I'm building an unordered lists which looks something like this: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> My question is how I can remove the bullet that appears next to each list item. Thanks, -D

Public Comments

1. You might find some answers here: http://www.alistapart.com/articles/taminglists/ If I wanted to do that, I wouldn't use a list. I would state what I was going to list and just add a <blockquote> which will indent your text.
2. Hi you can use style so you can change it ( to a image for example ) or remove it for example if you wanna remove it : <ul style="list-style:none"> or if you wanna change it with an image: <ul style="list-style:url(image.gif)"> regards
3. Use the "preformat" (PRE) HTML TAG, which allows you to place virtually any characters any place on a given line. The only "downsides" are 1) PRE forces a carriage return before the first line and after the last line, but you can "fix" that by putting the "start" PRE on the same line as the first item, and similar with the "end" PRE, and 2) your font may change, but you can fix that by adding the FONT tag after the PRE tag. Enter "html pre tag" into your favorite search engine to see an example, which can't be seen on this website, because they don't allow HTML in the "answers".
4. The standard way of doing it is to set the margin to be zero: <ul style="margin:0"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> Virtually every CSS-only menu will use a margin of zero to get rid of the bullet points. Take a read of this for more useful info on styling unordered lists: http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml and should you need to make a CSS only menu you might want to look at this: http://www.seoconsultants.com/css/menus/tutorial/ but anyway, set margin to zero to remove bullets.