It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How can I continue a numbered list which contains pictures

like this:

1. first do this

<supporting picture>

2. next do this

<yet another supporting picture>

Is this possible ?

7 answers

1 accepted

0 votes
Answer accepted

Claus,

I would look into our source editor.

https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor.confluence-source-editor

It will give you the ability to edit the raw html of a page and ensure that your items are formatted like the following

&lt;ol&gt;
  &lt;li&gt; {picture1} &lt;/li&gt;
  &lt;li&gt; {picture2} &lt;/li&gt;
&lt;/ol&gt;

If using using the new edittor (aka, Confleunce version is greater then 4.0) we can start the list and at the end of the first line press 'shift+enter' to start a new line (but not a new numbered line). Then drag and drop the image into place and then press 'enter' which will start the next numbered line.

The above may be a bit confusing so I made a video at the following link as well showing the process, enjoy.

http://screencast.com/t/xxoAlagqWGny

This is the holy grail of Confluence editing! I have no idea how many hours I've struggled with formatting lists containing code blocks and images but that stops now

Like Tim_Oppenlander likes this

This should be the accepted answer.

Like # people like this

Bloody brilliant!

Like # people like this

This was super helpful & saved a ton of time and headache. Thank you!

Like Tim_Oppenlander likes this

I have been using this method successfully, but I have come across one list that refuses to play ball. Steps 1,2 and3 work OK, but from step 4 onwards the number appears alongside and at the foot of the image (see the attached Example).

Even stranger, the formatting looks fine in Edit mode, this only happens when I Publish. Can you suggest a reason. I have tired recreating the list, but the same things happens.

Agreed - This should be the accepted answer.

 

No plug-in needed.

Deleted user Aug 19, 2019

You saved my time thanks for this brilliant suggestion Shift + Enter !!!!!!

I was using shift+enter already, but it doesn't solve the problem for tables :-( .

Any ideas?

I did it putting the pictures inside a div macro with a style display:table to solve positioning errors.

0 votes
Thomas_Schlegel Community Leader Jun 09, 2013

Hi,

with Wiki Markup, it works like this:

# abd \\ \\ !po1.jpg! \\ \\
# bdfs \\ \\ !po1.jpg! \\ \\
# asdf \\ \\ !po1.jpg! \\ \\

Cheers

Thomas

I found you can paste the image to a part of the page that is not a numbered list such as the bottom. Then you can click and drag it to under the numbered line you want.

If you paste the image to the number line it wont work and you cant drag the image to be under the line either. It must add something to the markup when you paste an image to the numbered line. You can only click and drag the image under the numbered line if no image was on the numbered line before.

You can also drag a picture to a page.

1. text text 

2. <press enter here so it puts 3 below> <now click on backspace here and 3 changes to 2, now you can paste your picture here>

3.

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Posted in Confluence

What project did you transition or start on Confluence with the shift to remote work?

It’s been great to hear from fellow users over the last few weeks about the best tips and fun moments you’ve had working on Confluence since the transition to working remote. I’d love to keep the c...

32 views 2 4
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you