SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2004
    Location
    Texas
    Posts
    432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    WHy is there a white gap between buttons?

    I noticed there was a "white gap" between the "Don't Ask, Don't tell" and "Suicide Prevention" buttons on this site.

    I looked at the code and it looks like nestles upon nestles.

    Does anyone know what is causing the white gap between those two buttons? I can't seem to figure it out.

    Here's a screenshot:
    Attached Images Attached Images

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,118
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    The image is leaving space at the bottom for any potential text-descenders (even though there's no text). Images by default align to the baseline of the text they sit beside.

    You can fix it by adding a style declaration to the HTML (although, of course, it's better to have this is a style sheet):

    Code:
    <img style="vertical-align:bottom;" height="45" border="0" width="245" alt="Don't Ask, Don't Tell" src="http://www.af.mil/shared/media/document/AFD-100416-079.jpg">
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Evangelist
    Join Date
    Oct 2004
    Location
    Texas
    Posts
    432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks!


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
  •