Is padding added under each uploaded image? It doesn't appear in the HTML.

Mike.B.559

I am trying to create a table with one row and two cells. The first cell will be an image, the second some text. I want them to be vertically aligned in the middle. This is what I see:

So....they're almost lined up...but the inner nitpicky me wonders why they aren't perfectly aligned. The image appears a little higher than it should (i.e. not vertically aligned to the middle). When I click on the image, it appears this is because there is some space added under the image...which you can see here:

I can see no evidence of this padding in the HTML:

 

I also see it when I click on an image that does not appear in a table:

Does this mean that all images uploaded to a page in BrightSpace are having little bit of bottom padding applied to them?

Judy.B.556

Thanks for the question, @Mike Barker​. I have looped in the product owner to take a look. 

Judy.B.556

@Mike Barker​, please log a support ticket so that we can take a closer look. 

Mike.B.559

I submitted a ticket on this and received a response. Apparently this issue is not unique to BrightSpace and has to do with the quirky way images can behave when added to HTML tables (and apparently DIV's). D2L Support pointed me to this article that explains the issue and gives some hints on how to resolve it. The fix seems like a lot of tweaking just to satisfy my obsession for alignment so I think I'll just let myself be faintly annoyed by images that don't quite line up as I want them to. 😀

Judy.B.556

Thanks for the update, @Mike Barker​, and for placing the link to the article that you are referring to. It will definitely help other users too!