SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Strange Gap

  1. #1
    SitePoint Addict Jonny's Avatar
    Join Date
    Mar 2003
    Location
    Norwich, UK
    Posts
    272
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Strange Gap

    This is the code:

    HTML Code:
    <p class="indent"><img src="images/arrowicon.gif" width="5" height="7" /> <strong>Title Here:<br />
    </strong>Short message goes in this little space right here.</p>
    <div align="center"><img src="images/listbg.gif" alt="" width="217" height="3" /></div>

    Now, I'm getting a small gap of 3 or 4 pixels between that last bit of text and 'listbg.gif'. I've changing things like the <p> margin to zero, to no avail. Any idea what's wrong?

  2. #2
    SitePoint Evangelist Maujor's Avatar
    Join Date
    Mar 2005
    Location
    Rio de Janeiro - Brazil - South America
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,
    Set <p> margin-bottom to 0 (zero)
    and
    <div> margin-top to -3px (3pixel negative)
    Mauricio Samy Silva
    http://www.maujor.com/

  3. #3
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    div img {
    display:block;
    }


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
  •