How to remove space under images?

Question

So here's my problem, there's a small white space showing up under the pictures on my tumblr, but the space only shows up under photosets, not under photos.

I have on my CSS:

#post{padding:10px;}
#post img{display:block;}

And then on my html:

{block:Posts}
<div id="post">
{block:Photo}<img src="{PhotoURL-500}"/>{/block:Photo}
{block:Photoset}{Photoset-500}{/block:Photoset}
</div>
{/block:Posts}

But the photoset adds a 3px space under the images, turning the padding to 13px for no reason. Can someone help me figure out this?

possible duplicate of [Remove white space below image](http://stackoverflow.com/questions/7774814/remove-white-space-below-image) — PlantTheIdea, Oct 25 '13 at 21:54
No it's not. But even still, you just asked the same question 27minutes ago. http://stackoverflow.com/questions/19599731/remove-space-under-images — mawburn, Oct 25 '13 at 21:58
You need to change that - when you say "and then my html" -- that's certainly not HTML — Viper, Oct 25 '13 at 21:58
Yes, it is html. And yes, I asked it already, but they told me I shouldn't post links, so I posted only the html on this one. — user2831652, Oct 25 '13 at 21:59
This IS html. What do you read at the top of this page? http://i.stack.imgur.com/3Qt5l.png "HTML" — user2831652, Oct 25 '13 at 22:03
You can't target the photos inside the photoset with css, because they are loaded by tumblr within an iframe. — Benedikt D Valdez, Oct 25 '13 at 22:11
It maybe possible to fix, but you would have to link to a live example of the issue. — mikedidthis, Oct 26 '13 at 07:42

score 2 · Answer 1 · answered Oct 25 '13 at 21:56

2

img {
display:block;
}

should fix it

answered Oct 25 '13 at 21:56

Paulie_D

107,962
13
142
161

1

Yes...but you have used an ID tag `#` so that setting will not apply to all images. – Paulie_D Oct 25 '13 at 21:59
Yes, but I already did with all the images. It still doesn't work. – user2831652 Oct 25 '13 at 22:02
Then give us a link to your site. Clearly something else is going on – Paulie_D Oct 25 '13 at 22:03
The spaces are different under the first post and the second one. – user2831652 Oct 25 '13 at 22:05

score 0 · Answer 2 · edited May 19 '20 at 22:17

0

.post{line-height:0;}

I had the same issue and this solved it. Basically, the parent of the img tag needs to have the line-height set to 0.

edited May 19 '20 at 22:17

TechWisdom

3,960
4
33
40

answered May 19 '20 at 20:49

Rod

1

How to remove space under images?

2 Answers2