SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2001
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Line height problem in <li> item

    Can anyone suggest why the line height spacing between multiple lines within a <li> is wider than the line breaks between list items? I have many list items that are longer than a single line in length, but my lists are confusing to read because the spacing between the lines is greater than the space between list items.

    Phew. I hope that was clear.

    Here's an example. The lists are inside the orange popup windows.
    http://www.btinternet.com/~Lerxst/voxpops/ethno.html

  2. #2
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    did you fix it already? it work fine for me on IE5
    אין סוף

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2001
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Really? Would you please have another look? You'll notice that the gaps between lines within each list item look like the line breaks. I don't know what to do about it.

  4. #4
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i must be missing something. they look fine to me, the leading between the line wraps is slightly smaller than the lead between the list items themselves (as it should be). screenshot?
    אין סוף

  5. #5
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    אין סוף

  6. #6
    SitePoint Enthusiast
    Join Date
    Aug 2001
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's interesting. Russbellon, your screenshot is as it should be. I'll have to get one of mine and post it. Back later.

  7. #7
    SitePoint Enthusiast
    Join Date
    Aug 2001
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://www.btinternet.com/~Lerxst/Untitled-1.gif

    It's only the first line in each list (the one with the bullet) that has the problem.
    Last edited by WiccaMan; Aug 31, 2001 at 13:07.

  8. #8
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm using 1280x1024 resolution, so I'm not experiencing your line problems (because they don't wrap). But I see what you're talking about -- and that's just the way it works. I'm not sure whether or not you can really avoid it.

    However, here's a screen shot -- your corners do not align correctly -- you may want to look into this, it seriously throws off your site.

    http://www.htmletc.net/wiccamansite.gif
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  9. #9
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not positive, but I suspect your problem is the the vertical-align:top atttribute of the li element. If you're trying to position the entire list to the parent try using the positioning or padding attributes of the ul itself (although using padding may cause wierd results in NN4).

    If that doesn't fix it you might try setting the line-height explicitly.

    Post again if those don't work, I'll have more time to look at it once work is over.
    Last edited by isotope235; Aug 31, 2001 at 17:40.

  10. #10
    SitePoint Enthusiast
    Join Date
    Aug 2001
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the suggestions, Isotope.

    Aes, I don't know why you're getting that. I don't appear to be able to view at that resolution. I Javascripted for the three sizes available on my computer. Maybe any bigger than that and it throws a wobbly.

  11. #11
    SitePoint Enthusiast
    Join Date
    Aug 2001
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Isotope - that fixed it. I just took out the vertical-align property from the style sheet. I'm a bit foggy with style inheritance, so I don't really understand what the problem was, but thanks anyway.

  12. #12
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm using Internet Explorer 6. If you haven't tested in that, perhaps it displays differently?
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  13. #13
    SitePoint Enthusiast
    Join Date
    Aug 2001
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Aes
    I'm using Internet Explorer 6. If you haven't tested in that, perhaps it displays differently?
    I haven't uploaded IE6 yet. Is it worth upgrading yet? I remember IE5.5 being very buggy to begin with.

  14. #14
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    WiccaMan,

    Glad that worked for you.

    In this case apply vertical-align:top; to the parent <td class:"researchpopup">. That should align the <ul> to the top of the <td>.

    Adjust the padding of the <ul> for more precise control of the whitespace around the list. Adjust the padding-top or padding-bottom of the <li> for control of the whitespace between the individual list items.

    Some browser strangeness: setting padding-right or padding-left for an <ol> will make NN4 choke like a chihuahua on a t-bone. Using absolute positioning for an <ol> will choke the chihuahua in both IE5 & NN4...wierd.

    HTH

  15. #15
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by WiccaMan
    I haven't uploaded IE6 yet. Is it worth upgrading yet? I remember IE5.5 being very buggy to begin with.
    I'm working on a review about Internet Explorer 6 for the SitePoint Network/Tribune/Community Crier, so give me a couple of days to finish up, and I'll let you know.

    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.


Bookmarks

Posting Permissions

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