-
Hi,
Some images on my website (onehomeplanet.com) have a wider bottom margin than others. I couldn’t find a way to standardize this.
Thanks for your help,
Philippe
-
Hello,
The text below the images all have a top margin of 1em. Can you show me screenshots with examples of the issue?
-
Hi George,
There is, for instance, the black and white picture at the bottom of a post I am working on: https://onehomeplanet.com/its-unity-stupid/
You can compare with the images in this post: https://onehomeplanet.com/see-the-big-picture/
Thanks again,
Philippe
-
The 2 images are the same, both have 34px top and bottom margin:
https://app.screencast.com/vcvhiO9lsezTF -
Hi Ying,
You are not looking at the correct images.
On the first post, look at this one: https://freeimage.host/i/qitRmXV
On the second post, look at any image (other than the featured one)
Thank you,
Philippe
-
Oh the image is in the section that is blocked by the membership plugin, I can not see it.
https://app.screencast.com/euUoo9lUQIPIF -
Sorry about that. You can log in by using [email protected] as both ID and password.
-
I logged in and can see the post without issue, but I can not log in to see the post with the issue.
Here’s a screenshot. The login link here link doesn’t work, it just redirects to this post.
https://app.screencast.com/UT56fWwvMCRCm -
Hi Ying,
This is odd. The same doesn’t happen to me.
Please log in directly from https://onehomeplanet.com/pmp/log-in-out/ and then go to https://onehomeplanet.com/its-unity-stupid/
-
Hello Philippe,
What you’re seeing is standard CSS float behavior. When an image is aligned left, text wraps alongside it, and the spacing between the image and the adjacent text is controlled by the image’s margins. But the gap below the image is content-dependent — it varies based on where the wrapping text ends relative to the bottom of the image. That gap will shift depending on how much text there is, the font size, and the viewport width. This isn’t something that can be “fixed” to a consistent value because it’s inherent to how floats work.
If the inconsistency bothers you, one option is to avoid floating the image altogether and instead keep it as a standard block-level image (center or full-width) so text doesn’t wrap around it. That way the spacing above and below is purely controlled by margins and stays predictable.
-
Hi Ying,
I see. Thanks a lot.
-
No problem!
- You must be logged in to reply to this topic.