DotDragnet
May 24, 2012, 06:53:50 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Mobile users - Our forum is Tapatalk enabled. http://www.tapatalk.com/
 
   Home   Help Search Login Register  
DotDragnet > The Creative Side > On the web > An annoying gap
Pages: [1]   Go Down
« previous next »
  Print  
Author Topic: An annoying gap  (Read 335 times)
samhs
Administrator
Hero Member
*****
Posts: 1713



View Profile WWW Awards
« on: August 25, 2011, 05:19:04 PM »
Why have I got a gap here between the two parts of my image? (See the girl's hat to see what I mean)

[URL removed - sorted - thanks Jason!]

I need to break it into two to prevent it being a 400kb file just for that bottom bit. Any ideas?

Ta
« Last Edit: August 25, 2011, 06:30:49 PM by samhs » Logged
Loose adj a not held together; not fastened or firmly fixed in place
Lose verb to misplace something. To fail to keep or obtain something, especially because of a mistake, carelessness, etc.
---
Blog: www.ohwrite.co.uk
Twitter: www.twitter.com/samhs
JasonD
Global Moderator
Hero Member
*****
Posts: 551



View Profile Awards
« Reply #1 on: August 25, 2011, 06:24:04 PM »
#underfader img { vertical-align: bottom }
Logged
samhs
Administrator
Hero Member
*****
Posts: 1713



View Profile WWW Awards
« Reply #2 on: August 25, 2011, 06:28:24 PM »
Excellent - thanks Jason.

Why?
Logged
Loose adj a not held together; not fastened or firmly fixed in place
Lose verb to misplace something. To fail to keep or obtain something, especially because of a mistake, carelessness, etc.
---
Blog: www.ohwrite.co.uk
Twitter: www.twitter.com/samhs
Mr Anderson
DDN Contribs
Hero Member
*****
Posts: 2267



ap4a.uk ap4a
View Profile WWW Awards
« Reply #3 on: August 25, 2011, 07:07:59 PM »
Quote from: samhs on August 25, 2011, 06:28:24 PM
Excellent - thanks Jason.

Why?

Only a guess to it being the issue with yours as I can't see the image in question, but inline images are aligned on the same baseline as text, with the space reserved for the text descender, leaving a noticeable gap beneath images in some circumstances.
Logged
500px | last.fm | G+ | lomo
samhs
Administrator
Hero Member
*****
Posts: 1713



View Profile WWW Awards
« Reply #4 on: August 25, 2011, 08:14:00 PM »
I didn't think that applied if you contracted the space, making them the only contents of a <div> (no whitespace)?!

Still, useful to know - thanks the both of you smile
Logged
Loose adj a not held together; not fastened or firmly fixed in place
Lose verb to misplace something. To fail to keep or obtain something, especially because of a mistake, carelessness, etc.
---
Blog: www.ohwrite.co.uk
Twitter: www.twitter.com/samhs
Pages: [1]   Go Up
  Print  
« previous next »
 
Jump to:  

DotDragnet > The Creative Side > On the web > An annoying gap
Powered by MySQL Powered by PHP Powered by SMF | SMF © 2006-2008, Simple Machines Valid XHTML 1.0! Valid CSS!