Bullet Problem

Discussion in 'HTML & Website Design' started by EGS, Apr 1, 2008.

  1. #1
    Hello.

    I am having a problem with one of the pages on my free image hosting site.

    The problem is with bulleted lists; the bullets are not indenting to the right at all.

    You can check out the problem in action on the free image hosting features page of the site.

    How can I fix the bullet points so that they don't go off to the left/edge of the page like that? I don't know why it's not indenting as it should, ie:
    • This is how bullets normally indent..

    Thanks for your help. :eek:
     
    EGS, Apr 1, 2008 IP
  2. bigdork

    bigdork Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    in your style sheet you need something like the following :

    
    
    .nav_menu ul {
       margin-left:15px;
    }
    
    Code (markup):
    hope that helps.
     
    bigdork, Apr 1, 2008 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Some browsers use margins on list items while others use padding. What you need to do is pick one and zero out the other. To take the exampel above to its logical conclusion, you'd set the left margin to 15px then set the left padding to zero.
     
    Dan Schulz, Apr 1, 2008 IP
  4. bigdork

    bigdork Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    thanks Dan, you are right.. sorry i did not realize that in my example..
     
    bigdork, Apr 2, 2008 IP