Can't get rid of extra space

Discussion in 'CSS' started by Abh, May 1, 2010.

  1. #1
    Abh, May 1, 2010 IP
  2. writinclear

    writinclear Greenhorn

    Messages:
    63
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #2
    Try this..
    make margin:-5px 0; for class="butonel1"
    I know setting margin to -5px is not good, but it solves ur problem.
     
    writinclear, May 1, 2010 IP
  3. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #3
    works in all browsers, including IE6, i owe you one, writinclear!
     
    Abh, May 1, 2010 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    The gap under the image is there because it's supposed to be there by default. Set img {vertical-align: bottom;}. Do not mess with margin; that can cause other issues, and don't forget to remove it when you correct the vertical-align. ;) See my Mysterious gap under images article for the reasons.

    Also, you'd be better off using inline-block instead of floating your gallery. See The Inline-Block Thumbnail Gallery for a more robust method.

    cheers,

    gary
     
    kk5st, May 1, 2010 IP
  5. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #5
    tx, kk5st, i didn't know that.
    links are useful too.
     
    Abh, May 2, 2010 IP