Tuesday, March 1, 2022

Blogger images, side by side

It becomes more and more difficult to get images to display properly in Blogger. My secret formula for getting images to display side by side (as, say, in this post):

~ When uploading, choose Alignment: None.

~ Replace the specs for style:

style="display: block; padding: 1em 0; text-align: center;"
~ For the image on the left, use
style="float: left; margin-bottom: 0em; margin-right: .2em; padding: 0em 0px;"
~For the image on the right, use
style="float: left; margin-bottom: 0em; margin-right: 0.0em; padding: 0em 0px;"
Using text replacement makes things simpler. But not too simple — or it wouldn’t be Blogger.

[I sometimes concentrate on the trivial to cope with the non-trivial.]

comments: 2

The Arthurian said...

Hi Michael

Sometimes I make an HTML table with two TD (Table Data) items on one TR (Table Row).

I'll have to look at what you show and see if I can learn another option.

Michael Leddy said...

I’ve made tables a couple of times with the standard HTML — very tedious. I think if I had occasion to make another, I’d cheat and use a screenshot. : )

I’m not sure how the settings for images might work with tables.