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

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-06-2008, 05:33 PM   PM User | #1
the-dream
Regular Coder

 
the-dream's Avatar
 
Join Date: Mar 2007
Location: Northamptonshire, UK
Posts: 477
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, 05:34 PM   PM User | #2
Apostropartheid
The Apostate


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Posts: 3,215
Thanks: 16
Thanked 265 Times in 263 Posts
Apostropartheid is on a distinguished road
Code:
img {
  display: block;
}
__________________
Blog | Twitter
Useful links: W3C HTML Validator | W3C CSS Validator | HTML 5 Guide
CF: HTML & CSS Resources/Tutorials Thread | HTML & CSS Posting Rules and Guidelines
Remember: no link, no code, no help!
Apostropartheid is offline   Reply With Quote
Users who have thanked Apostropartheid for this post:
the-dream (03-06-2008)
Old 03-06-2008, 05:38 PM   PM User | #3
the-dream
Regular Coder

 
the-dream's Avatar
 
Join Date: Mar 2007
Location: Northamptonshire, UK
Posts: 477
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, 10: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, 10:57 PM   PM User | #5
VIPStephan
The fat guy next door


 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 7,699
Thanks: 5
Thanked 875 Times in 850 Posts
VIPStephan is a jewel in the roughVIPStephan is a jewel in the roughVIPStephan is a jewel in the rough
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 05:59 PM.


Advertisement
Log in to turn off these ads.