Take out bullet points??

Discussion in 'CSS' started by le007, Mar 25, 2009.

  1. #1
    Hi all -
    bullet points are showing up in FF but not IE for this menu - how do I get shot of them? Also, I want a 1px border between the <li>'s - I tried border: 1px solid white; but that put 2px between most of them. Thanks!

     
    le007, Mar 25, 2009 IP
  2. dgmagician

    dgmagician Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    hi,

    by adding this code

    #menu6 {
    width: 150px;
    list-style:none;
    margin: 0px;
    }


    to your existing css you can get rid of the bullet points.
    thanks,
    dgmagician
     
    dgmagician, Mar 26, 2009 IP
  3. le007

    le007 Well-Known Member

    Messages:
    481
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #3
    Thanks DgMagician but it didn't work :(
     
    le007, Mar 26, 2009 IP
  4. designz

    designz Peon

    Messages:
    301
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Add this to your document

    #menu6 li {
    list-style: none;
    border-left: 1px solid #000; /*has a 1px border left with color of black */
    }

    The above is just an example.
     
    designz, Mar 26, 2009 IP
  5. le007

    le007 Well-Known Member

    Messages:
    481
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #5
    Thanks designz - I threw this in: #menu6 ul{list-style-type:none;
    } and is working :D thanks
     
    le007, Mar 26, 2009 IP