Results 1 to 4 of 4
  1. #1
    4 Star Lounger
    Join Date
    Mar 2001
    Location
    Bismarck, ND, USA
    Posts
    451
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Space Between Bullet and Text (2003)

    When I apply to the Bulleted List style to my list, the bullet is so close to the text that it's almost on top of it! I can't seem to find an easy way to adjust the distance between the bullet and the text. Any suggestions? TIA
    egghead

  2. #2
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Space Between Bullet and Text (2003)

    When you say "easy"... if you are using CSS, you can use the text-indent property of the li element to vary the spacing (or padding, except that padding cannot be a negative number). The attached illustrates, when renamed back to its original .htm extension. (The yellow color identifies the "default" for your browser.)
    Attached Files Attached Files

  3. #3
    4 Star Lounger
    Join Date
    Mar 2001
    Location
    Bismarck, ND, USA
    Posts
    451
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Space Between Bullet and Text (2003)

    I'm thinking I didn't explain my problem quite right, after looking at your code. I'm referring to the amount of space between the bullet and the text that follows it. My bullets begin far enough away from the left edge, but they're right on top of the text that follows them. For example, if I use an asterisk, it's like this:
    *text starts here
    * text should start this far away from the bullet.
    egghead

  4. #4
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Space Between Bullet and Text (2003)

    I probably should say I tested the page in Firefox, not Internet Explorer. However, now that I look at it in IE, I see that padding-left does what you want and text-indent does not. The attached illustrates why I thought they did the same thing. So much for standards. <img src=/S/smile.gif border=0 alt=smile width=15 height=15>
    Attached Images Attached Images

Posting Permissions

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