In uffish thought
Hmmm. It might be because that page image is grossly oversized and thus being resized automatically; upload a version which is only 350 pixels wide and see if it helps.
That was the amazing part. Things just keep going.
Doesn't all images do that? They get a white frame and are positioned half a line down.
![[up]](https://static.tvtropes.org/pmwiki/pub/smiles/arrow_up.png "[up]"){kind=icon}
It is 350 wide. The uploader don't accept anything bigger so only old images can be resized.
edited 22nd Apr '14 6:33:04 AM by m8e
In uffish thought
Oh, right; whoops. In that case, yes, it's just the way images always are.
That was the amazing part. Things just keep going.
Dragon Writer
This is a CSS issue. Let's see...
- The image.embedded class specifies a 4px padding around all images. note
- For right-aligned images, the div.quoteright class (which houses the image) adds an extra 6px margin and 4px padding.
As a result, a right-aligned image that should be top-aligned with the article's text is actually offset downwards by 14px.
An Ear Worm is like a Rickroll: It is never going to give you up.
Adding a forced line break (or so) to the top of the text works. See history on Wool.
Goal: Clear, Concise and Witty
Hi
Well, that does make things even out, but I guess my question is, is there a purpose for the right-aligning adding that extra space?
Lakija
I dunno. I might get a smaller image though, and remember the line-break trick.
It is what it is.
Dragon Writer
Okay, so adding a linebreak to the top of the article doesn't actually align the text with the image (or vice versa), it just pushes the article's text down by approximately the same distance.
I agree with @7 - is there a reason to have all this padding and margins?
edited 23rd Apr '14 6:41:17 PM by Stratadrake
An Ear Worm is like a Rickroll: It is never going to give you up.
Friends forevermore
The proper way to fix a problem is to actually fix the source instead of changing everything else to hide it. What's the reason for the padding?
I had a dog-themed avatar before it was cool.
Is there any way to eliminate what appears to be a space before page images? Sometimes the image has a space above it, and it doesn't line up with the text anymore, which is freaking annoying.
Here's an example: Wool
It appears that there is a space above the image and so it doesn't line up with the top of the text (at least on my end).
Any way to prevent that or fix it?
edited 22nd Apr '14 12:01:32 AM by Lakija
It is what it is.