...

View Full Version : Gap between DIV and IMG??!?!



the-dream
03-06-2008, 05:33 PM
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)

Apostropartheid
03-06-2008, 05:34 PM
img {
display: block;
}

the-dream
03-06-2008, 05:38 PM
OMFG, I can't believe I didn't think of that! Sorry for the trouble, and thanks a lot!

Thanks++

Dan Schulz
03-06-2008, 10:26 PM
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).



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

VIPStephan
03-06-2008, 10:57 PM
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/Images,_Tables,_and_Mysterious_Gaps



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum