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 3 of 3

Thread: UL height?

  1. #1
    New Coder
    Join Date
    Feb 2004
    Posts
    57
    Thanks
    0
    Thanked 0 Times in 0 Posts

    UL height?

    Is there a way to increase space between <LI> elements in a <UL>? I want them to have more space than a typical list.

    Thanks

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Stillwater Ok
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    css would look like this:
    li { margin: ?px(em) 0 ?px(em) 0:}

    Margin allows you to set all four directions in one line (top right bottom left). As opposed to margin-top:x; || margin-bottom:x;.

    replace the "?" with whatever distance you wish to have for the list, and choose wheather you want to use px's or em's.

    You will need to set the other zeros to whatever you wish in order to get the list to indent properly for you.

    example:
    li {margin 5px 0 5px 15px;}
    "Never offend people with style when you can offend them with substance."
    --Sam Brown

  • #3
    New Coder
    Join Date
    Feb 2004
    Posts
    57
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ah. I was trying to do it all from the CSS on the UL element.

    Thanks for the tip. That is perfect!


  •  

    Posting Permissions

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