Navigation bar 'bullet points' problem

HTML & CSS
1

Hi,

I have designed a left navigation bar with <li> tags and formatted it using CSS.

It is done with PHP so I cannot view it in Dreamweaver. It just shows a PHP logo. When it is loaded online and I view it in a browser every line in the navigation bar has a bullet against it! It might be worth pointing out that the bullet points are outside of the defined area of my CSS outer column, so even if they are there by error I would expect them to be ‘clipped’ off!

I can only think this is a common problem and perhaps you know how to get rid of these bullet points.

Matt.

2

To remove the bullet points for a a list you need to use the following css:


ul{
list-style:none;
margin:0;
padding:0;
}

Bullets are always placed outside the principal box by default. You can set them as inline markers with “list-style:inside” but then they behave just like inline elements.

3

yes, that’s sorted the problem.
Thanks,

Matt.