Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Old 03-06-2008, 06:33 PM   PM User | #1
the-dream
Regular Coder

 
the-dream's Avatar
 
Join Date: Mar 2007
Location: Northamptonshire, UK
Posts: 469
Thanks: 8
Thanked 4 Times in 4 Posts
the-dream can only hope to improve
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)
__________________
Branchr Advertising Network
the-dream is offline   Reply With Quote
Old 03-06-2008, 06:34 PM   PM User | #2
Apostropartheid
Comrade Grammar Nazi


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Location: Do you know where Nazi Zombies come from?
Posts: 2,216
Thanks: 13
Thanked 182 Times in 180 Posts
Apostropartheid is on a distinguished road
Code:
img {
  display: block;
}
Apostropartheid is offline   Reply With Quote
Users who have thanked Apostropartheid for this post:
the-dream (03-06-2008)
Old 03-06-2008, 06:38 PM   PM User | #3
the-dream
Regular Coder

 
the-dream's Avatar
 
Join Date: Mar 2007
Location: Northamptonshire, UK
Posts: 469
Thanks: 8
Thanked 4 Times in 4 Posts
the-dream can only hope to improve
OMFG, I can't believe I didn't think of that! Sorry for the trouble, and thanks a lot!

Thanks++
__________________
Branchr Advertising Network
the-dream is offline   Reply With Quote
Old 03-06-2008, 11:26 PM   PM User | #4
Dan Schulz
New Coder

 
Join Date: Mar 2008
Location: Aurora, Illinois
Posts: 61
Thanks: 2
Thanked 6 Times in 6 Posts
Dan Schulz is an unknown quantity at this point
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;
}
Dan Schulz is offline   Reply With Quote
Old 03-06-2008, 11:57 PM   PM User | #5
VIPStephan
Senior Coder

 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 3,761
Thanks: 3
Thanked 312 Times in 298 Posts
VIPStephan has a spectacular aura aboutVIPStephan has a spectacular aura about
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
__________________
Don’t click this link!
VIPStephan is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 04:21 AM.

Home - Contact Us - Archives - Link to CF - Resources - Top 

Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.