Comments on: CSS: Removing extra space underneath an image. http://www.tequilafish.com/2009/04/29/css-removing-extra-space-underneath-an-image/ Ran-dumb ramblings of me... Tue, 27 Jul 2010 11:56:05 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Christian http://www.tequilafish.com/2009/04/29/css-removing-extra-space-underneath-an-image/comment-page-1/#comment-4765 Christian Thu, 03 Jun 2010 21:47:58 +0000 http://www.tequilafish.com/?p=272#comment-4765 The display:block totally worked for me! The display:block totally worked for me!

]]> By: tarmoh http://www.tequilafish.com/2009/04/29/css-removing-extra-space-underneath-an-image/comment-page-1/#comment-3961 tarmoh Mon, 22 Feb 2010 13:44:39 +0000 http://www.tequilafish.com/?p=272#comment-3961 Thank you so much. I always wanted to know what those extra pixels are for. I had solved the problem by adding vertical-align:bottom to img tag. It works but doesn't make sense. I still wanna know why it works. @BVasdWmx: your solution is not good because if you increase the font size then the extra pixels will be more than 3 pixels accordingly. so if you don't want to use the display:block solution use vertical-align:bottom for img tags which has no side effects. Thank you so much. I always wanted to know what those extra pixels are for. I had solved the problem by adding vertical-align:bottom to img tag. It works but doesn’t make sense. I still wanna know why it works.

@BVasdWmx: your solution is not good because if you increase the font size then the extra pixels will be more than 3 pixels accordingly. so if you don’t want to use the display:block solution use vertical-align:bottom for img tags which has no side effects.

]]> By: BVasdWmx http://www.tequilafish.com/2009/04/29/css-removing-extra-space-underneath-an-image/comment-page-1/#comment-2584 BVasdWmx Thu, 29 Oct 2009 21:14:37 +0000 http://www.tequilafish.com/?p=272#comment-2584 A simpler option is to add a -3px margin-bottom on all images. Changing them all to display: block will require you to work around that change for other elements. A simpler option is to add a -3px margin-bottom on all images. Changing them all to display: block will require you to work around that change for other elements.

]]> By: Steven http://www.tequilafish.com/2009/04/29/css-removing-extra-space-underneath-an-image/comment-page-1/#comment-2441 Steven Mon, 12 Oct 2009 14:33:49 +0000 http://www.tequilafish.com/?p=272#comment-2441 Thanks man, this worked perfect. For those looking to dynamically use images of variable height/widht, you can use the following in your css file: div.(classname) img {display: block; }. Steven Thanks man, this worked perfect.
For those looking to dynamically use images of variable height/widht, you can use the following in your css file:
div.(classname) img {display: block; }.
Steven

]]>