SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Mar 2011
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Navigation bar 'bullet points' problem

    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. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,467
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    To remove the bullet points for a a list you need to use the following css:

    Code:
    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. #3
    SitePoint Evangelist
    Join Date
    Mar 2011
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes, that's sorted the problem.
    Thanks,

    Matt.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •