nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Multiple Images in a line display as one image per line

Nathan Hans

I have a page with 4 images side by side. In the editor, it displays the images in the same row. Once I save however, the images display one per row.

They are all small images. I have no effects on any of them.

Any idea what is causing this?

I tried IE, Firefox and Chrome. I'm running confluence 5.8.14

Accepted answers

All comments

Steffen Heller

No idea, never had that.

Anything unusual with the page or the images: Blank space between images, accidentally activated a text format other than "Paragraph" or any other text format?

Did you try with different images? Did you try with a new and empty space? Did you hit "Clear Formatting" to make sure there is no hidden something causing this?

Nathan Hans_ytksaz

I did not have any spaces between the images. I tried to put a space that didn't help.
It says it's paragraph format. I tried to set it as another format and switch back to paragraph that didn't help.
I tried different images on a different space on a new blank page.
I tried a brand new space that didn't help
Clear Formatting did not help.
I confirmed another user got the same result.
I created a separate trial site and I did not get the issue then.

Steffen Heller

I have no idea but the most logical explanation would be that Atlassion has set it as new standard that images are displayed as block instead of inline?

If you like to play around with that include a CSS stylesheet on your page with

2015-11-12 18_09_42-Edit - The Real Test - Steffen Heller - Lightweb.png

2015-11-12 17_57_00-Edit - The Real Test - Steffen Heller - Lightweb.png

2015-11-12 18_09_42-Edit - The Real Test - Steffen Heller - Lightweb.png

Nathan Hans

Tried the CSS, but that didn't work. I opened a case with Support. Thanks Steffen.

TomC

Hey @Nathan Hans have you tried recreating a page in the same space and seeing if the problem persists? I noticed you said you created a separate site and you didn't have the issue.

I have created hundreds of Confluence pages over the years, and sometimes (though rarely) some strange issue comes up that I can't resolve. I recreate the page and the issue is not there.

If you have not tried that - or if others reading this have any problematic issue that they can't resolve on a page - just try recreating the page and see if the issue is resolved. If it is, delete the problematic page and move on.

Nathan Hans

That still doesn't work.

I did try to just put next before and after the image and both were on their same line. It seems to be a image wrapping issue.

I have a ticket open with support.

Nathan Hans

Atlassian Support has indicated this is a bug with no workaround. It's being tracked here:

https://jira.atlassian.com/browse/CONF-39896

Thanks for you help gentlemen.

Alex Sramek

In case anyone comes across this with the same frustration as myself, this can apparently now be done (in Confluence Cloud) using Word Wrap.

For each image, click Wrap Left.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

confluence-administration