You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)

Please post your question in the Forum and we will get back to you as soon as we can.

  Friday, 20 January 2023
  3 Replies
  1K Visits
Hello Ryan,

Do you have a solution or a suggestion how I could wrap an ordered (or unordered) list around an image ?
The image is aligned left and the list is right next the image but longer then the image.
Is it possible to have the rest of the list beneath the image, so wrapping around the image ?
See here

Thanks
more than a month ago
·
#112860
Accepted Answer
I don't think it is possible to wrap a list.

One solution, which seemed to work when I tried it on your site editing the HTML with the browser inspector, is to create 2 lists, the first with 3 items and the second with 6. This seems to wrap OK with the image, and displays fine when the page is resized (for mobile devices)

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#112860
Accepted Answer
I don't think it is possible to wrap a list.

One solution, which seemed to work when I tried it on your site editing the HTML with the browser inspector, is to create 2 lists, the first with 3 items and the second with 6. This seems to wrap OK with the image, and displays fine when the page is resized (for mobile devices)

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#112862
Hello Ryan,

Thanks, that 'll do for now.
I look further if there exists a CSS-hack for this.
Have a nice weekend.
Luk selected the reply #112860 as the answer for this post — 1 year ago
more than a month ago
·
#112966
Hello Ryan,

Update: solved with the following css:



.com-content-article ol,
.com-content-article ul {
overflow: visible;
}


Best regards
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!