Navigation bullet points

Discussion in 'CSS' started by Mabbs, Aug 14, 2007.

  1. #1
    Does anyone have an idea how I can hide the bullet points next to the navigation in Firefox?

    http://www.sebsanders.co.uk/

    Any help appreciated.
     
    Mabbs, Aug 14, 2007 IP
  2. Lommis

    Lommis Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try pasting this into your css code.
    
    #menu ul
    {
    list-style: none;
    padding: 0;
    margin: 0;
    }
    
    Code (markup):
     
    Lommis, Aug 14, 2007 IP
  3. Mabbs

    Mabbs Well-Known Member

    Messages:
    116
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    123
    #3
    Thanks for the help.
     
    Mabbs, Aug 15, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Just so you know, the list-style: none; property/selector combination is what removed the bullet points, while the margins and padding being set to zero killed some browser inconsistencies.

    Speaking of margins, I always set my pages' margins and padding to zero using the universal selector (it's the very first thing I put in the stylesheet), then from there go on to give the elements that need those properties the amounts that are needed when they're needed.

    
    * {
        margin: 0;
        padding: 0;
    }
    
    Code (markup):
    With this bit of code at the top of your stylesheet, you can safely remove all other instances of margin: 0; and padding: 0;

    Also be sure to use the universal selector to strip ONLY the margins and padding from elements. Using it for anything else can have DIRE consequences for your pages' appearance.
     
    Dan Schulz, Aug 16, 2007 IP