Image alignment in horizontal row.

Patti Duncan May 10, 2024

I have tried everything I can think of to get two  images to align in a row instead of making me put them stacked one above the other.  Nothing seems to be working.
I even created a two column table and STILL the second image is lower than the first. Anyone have any ideas? 


1 answer

0 votes
Kristian Klima
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
May 10, 2024

Hi @Patti Duncan and welcome.

Like this?

The trick is to use the layouts style. You create two or more columns in a section of the page and place one image into each.

Limitation: It does not work in lists.

3 images side by side.png

Patti Duncan May 10, 2024

Yes, like that. I tried it. The image in the second column keeps coming in "lower" than the first. Not aligned at the top. 

 

Patti Duncan May 10, 2024

I got it sort of fixed but now the borders around the images are not working. They show up in edit mode but not in published. 

Screen Shot 2024-05-10 at 2.14.14 PM.pngScreen Shot 2024-05-10 at 2.14.43 PM.png

Kristian Klima
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
May 11, 2024

The screenshots look weird.

The method I suggested has nothing to do with Google or any app, it's native Confluence and I just dragged-and-dropped the image files onto it's layout column (from a folder on my Mac).

The max image size is determined by the layout, of course.

Patti Duncan May 11, 2024

Sorry. Those ARE the images I was trying to place. It is a Google trouble shooting article. 
EXACTLY why I want to put borders around them. Because they look like an error message. 

Kristian Klima
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
May 11, 2024

Got it :D 

Kristian Klima
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
May 11, 2024

There's an option to put a border around (color, size), and you can add captions to drive the message home.

It works in the view mode (after save/publish) too.

2024-05-11_15-16-38.png2024-05-11_15-17-30.png

Patti Duncan May 11, 2024

Yes, I know.
I did that. 

The top picture of how it looks in edit mode.

Boarder, black and thick.

The bottom pic is what it looks like when published.

No boarder. 

 

Kristian Klima
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
May 12, 2024

My second screenshot shows the published version of the page - in regular Confluence view mode. The border is there.

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
PERMISSIONS LEVEL
Product Admin
TAGS
AUG Leaders

Atlassian Community Events