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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    padding/spacing in lists

    I have a list (<ul>) and I want to do two things:
    1. to expand the spacing between the text and the disc (the little dot saying it is a new element in the list).
    2. to expand the spacing between every element in the list.


    anyone knows?
    PLZ HELP.
    Thanks,
    ShMiL

  • #2
    Senior Coder Morgoth's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada Remaining Brain Cells: 6
    Posts
    1,402
    Thanks
    2
    Thanked 1 Time in 1 Post
    http://www.idocs.com/tags/_OL_START.html

    Try this.
    If you can't find a way to make the space between any bigger, then it might not be able to be done.

    Unless you use .&.n.b.s.p.;.

    REMOVE THE "." FOR IT TO WORK. (It doesn't show up as normal text on this message board.)
    Code:
    <OL>
    <LI>.&.n.b.s.p.;.Place geletin mold over plate
    <LI>Tap gently with a spoon
    <LI>Lift mold off of geletin
    </OL>
    REMOVE THE "." FROM THE CODE FOR THIS TO WORK. (It doesn't show up as normal text on this message board.)



    As for makeing the text between text:
    Adding it in a table, or using <BR> seem to only work.
    Code:
    <OL>
    <LI>Place geletin mold over plate
    <br>
    <LI>Tap gently with a spoon
    <br>
    <br>
    <LI>Lift mold off of geletin
    </OL>
    as you can see ONE <BR> doesn't do it... you need TWO <BR><BR>


    Happy?

  • #3
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Actually, I'm not happy

    ( :

    I'm looking for the CSS way to do it...
    I'm sure there is, I just don't know how...

  • #4
    Senior Coder Morgoth's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada Remaining Brain Cells: 6
    Posts
    1,402
    Thanks
    2
    Thanked 1 Time in 1 Post
    Well, this way works too.
    Maybe you should just take it.

  • #5
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    I'm sure it works

    I'm sure it works but I want to force it on all <ul> tags.
    I NEED CSS!

  • #6
    Senior Coder Morgoth's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada Remaining Brain Cells: 6
    Posts
    1,402
    Thanks
    2
    Thanked 1 Time in 1 Post
    Have you tried to google it?

  • #7
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    I have...

    No Luck

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The CSS for part of what you want is here . Finding a browser that honors the CSS is another matter entirely.

    You can increase space between items using padding and margins in CSS .
    Last edited by Roy Sinclair; 08-13-2002 at 04:09 PM.

  • #9
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Thanks!

    The second link really helped me!
    But I have another problem:
    I have a <li> tag that contains a long text (more than two rows). Now the dot is vertical aligned to the top - and I want it to be v-aligned to the middle. How can I do that using CSS?
    Thanks,
    ShMiL

  • #10
    Senior Coder Morgoth's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada Remaining Brain Cells: 6
    Posts
    1,402
    Thanks
    2
    Thanked 1 Time in 1 Post
    It's never enough with you, eh ShMiL?

    hehe

  • #11
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Thanks!

    Originally posted by ShMiL
    The second link really helped me!
    But I have another problem:
    I have a <li> tag that contains a long text (more than two rows). Now the dot is vertical aligned to the top - and I want it to be v-aligned to the middle. How can I do that using CSS?
    Thanks,
    ShMiL
    This paragraph from the CSS2 specifications pretty much rules out what you're wanting:

    The height of a marker box is given by the 'line-height' property. The :before (:after) marker box participates in the height calculation of the principal box's first (last) line box. Thus, markers are aligned with the first and last line of an element's content, even though the marker boxes live in distinct line boxes. If no first or last line box exists in a principal box, the marker box establishes its line box alone.

  • #12
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    My English is very poor and

    i'm afraid I don't quite understand what you quoted...
    Can you translate it into simple words?

  • #13
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: My English is very poor and

    Originally posted by ShMiL
    i'm afraid I don't quite understand what you quoted...
    Can you translate it into simple words?
    What is says is that the "marker" will be aligned with the first line of a multi-line list item. That's what's expected and no provision was made in CSS to alter that behavior.

  • #14
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Now I understand

    Not possible. So I'll use spaces instead.
    Thanks alot to you all.
    ShMiL

  • #15
    Regular Coder
    Join Date
    Jul 2002
    Posts
    436
    Thanks
    1
    Thanked 0 Times in 0 Posts

    I mixed up stuff

    I meant I won't use the valign option (cuz it's not possible).
    But I still can't change the padding between the DOT and the TEXT...
    Have you done this before? Do you know how to do it?
    Thanks,
    ShMiL


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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