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.
Results 1 to 5 of 5
  1. #1
    Regular Coder the-dream's Avatar
    Join Date
    Mar 2007
    Location
    Northamptonshire, UK
    Posts
    477
    Thanks
    8
    Thanked 4 Times in 4 Posts

    Gap between DIV and IMG??!?!

    Hey Guys!
    I've been pulling my hair out over this one!

    On: http://www.rsspberry.com/v2/

    There is a 2px line at the bottom of the white box! this is that box coming under the img! I cannot think of a way to get it to go away! Thanks!

    CSS: http://www.rsspberry.com/v2/css/styles.css

    Thanks for any and all help!
    ~ The-Dream (Christian)

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Code:
    img {
      display: block;
    }

  • Users who have thanked Apostropartheid for this post:

    the-dream (03-06-2008)

  • #3
    Regular Coder the-dream's Avatar
    Join Date
    Mar 2007
    Location
    Northamptonshire, UK
    Posts
    477
    Thanks
    8
    Thanked 4 Times in 4 Posts
    OMFG, I can't believe I didn't think of that! Sorry for the trouble, and thanks a lot!

    Thanks++

  • #4
    New Coder
    Join Date
    Mar 2008
    Location
    Aurora, Illinois
    Posts
    61
    Thanks
    2
    Thanked 6 Times in 6 Posts
    Quote Originally Posted by CyanLight View Post
    Code:
    img {
      display: block;
    }
    Actually that will neuter inlined images (such as smileys). A better alternative would be to set the vertical-align property to bottom. Here's an example (that also kills the border that appears around images inside links in Firefox).

    Code:
    img {
    	border: 0;
    	vertical-align: bottom;
    }

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,876
    Thanks
    6
    Thanked 1,035 Times in 1,008 Posts
    Quote Originally Posted by the-dream View Post
    There is a 2px line at the bottom of the white box! this is that box coming under the img! I cannot think of a way to get it to go away! Thanks!
    Wanna know why? http://developer.mozilla.org/en/docs...ysterious_Gaps


  •  

    Posting Permissions

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