Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Nov 2009
    Posts
    20
    Thanks
    4
    Thanked 0 Times in 0 Posts

    How Eliminate space Between Text & Bullet Lists?

    How do I Eliminate the space Between Text lines and Bullet Lists?

    At the bottom of this page, I have several Bullet lists. By default, there is a space between the text line and the start of the bullet lists. How can I remove that space so the bullet list is directly below the text line?

    http://www.myhairman.com/html/Bases.htm

    Thanks

  • #2
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    Code:
    p { margin-bottom:0; }
    ul { margin:0; }

  • #3
    New Coder
    Join Date
    Nov 2009
    Posts
    20
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by met View Post
    Code:
    p { margin-bottom:0; }
    ul { margin:0; }
    Thanks for the code. I am completely in the dark when it comes to coding.

    It removes the extra space like I wanted BUT the Bullets are no longer indented. How can I keep the indentation as well?

    Thanks

  • #4
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    Code:
    ul li { margin-left:16px; }
    is roughly the default indent

  • #5
    New Coder
    Join Date
    Nov 2009
    Posts
    20
    Thanks
    4
    Thanked 0 Times in 0 Posts
    I have tried inserting ul li { margin-left:16px; }

    By every Li here. It either does nothing or the bullet disappears. What am I doing wrong?

    Thanks

    bsp; Okay Ron, what do you recommend? Here is where we stick
    our necks out and <strong>make some actual recommendations.</strong></span></span></p>
    <p{ margin-bottom:0; }>
    <o></o>
    <strong>
    <o></o>
    F<i style="mso-bidi-font-style:normal"><span style="font-family: Verdana; mso-bidi-font-weight: bold">or
    the ultimate in invisibility</span></i><span style="font-family: Verdana; mso-bidi-font-weight: bold">
    – either a Swiss or French Lace</span></strong><ul{ margin:0; }><li>
    <o>Suitable for light to medium density.</o></li{ margin-left:16px; }>
    <li>
    <o>Somewhat fragile, handle with care.</o></li>
    </ul>

  • #6
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    not quite

    put that code in your sites css file, or in between the <style>tags on the page you linked.

    your list code is also a little messed up..not sure what

    Code:
    *snip* </o:p></li>
    is meant to be doing..

    Code:
    <ul>
        <li>Some text..</li>
        <li>Some text..</li>
        <li>Some text..</li>
        <li>Some text..</li>
    </ul>

  • Users who have thanked met for this post:

    Clickman (12-21-2009)

  • #7
    New Coder
    Join Date
    Nov 2009
    Posts
    20
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Drum roll ............................. Ta Da ......................... Fireworks!

    When I say I know nothing about coding I mean it as you can see :-)

    Thanks, works fine
    Ron


  •  

    Posting Permissions

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