CSS code for ol, ul, li

Discussion in 'CSS' started by iyoung, Nov 13, 2009.

0
  1. #1
    Hello, I tried to style my ol and ul, but it doesn't work. Please see http://web1.annapolis.gov/Government/Departments/Planning.aspx

    As you can see the bullets are overlapping the left nav. bar.

    I tried to put in my css file the following:

    li {padding-left: 30px;}

    But it doesn't work.

    Please help.
     
    iyoung, Nov 13, 2009 IP
  2. Brandon Sheley

    Brandon Sheley Illustrious Member

    Messages:
    9,721
    Likes Received:
    612
    Best Answers:
    2
    Trophy Points:
    420
    #2
    Brandon Sheley, Nov 13, 2009 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    I don't see the problem.
     
    drhowarddrfine, Nov 13, 2009 IP
  4. Trapped

    Trapped Well-Known Member

    Messages:
    1,832
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    130
    #4
    margin-left should fix it...but note, it will give extra margins on IE6 and 7 while it will look the same on IE8 and Firefox
     
    Trapped, Nov 14, 2009 IP