• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Strange html behavior wrapping <img> with <figure> or <div>

New Here ,
Jul 29, 2022 Jul 29, 2022

Copy link to clipboard

Copied

The majority of the images in my document are just within an <img> tag. I've started trying to add in captions and wrap it all in a <figure> tag, however it keeps creating this strange figure size, that makes text wrapping around it really awful. I tried replacing the <figure> with a <div> tag and it did the same thing. I want to be able to start incluing <figcaption>, but can't do it if this is the current situation.

rgugs_0-1659148630036.png

It does this if I float it to the left or right. The figure in the CSS has nothing designating size. I tried setting a width, but it doesn't seem to change anything.

Views

33

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 30, 2022 Jul 30, 2022

Copy link to clipboard

Copied

LATEST

This seems to work, albeit some tweeking to the text next to the image is needed (the image style needed some right margin). Also the text on the right is one line down to where it should be.

 

image.png

 

image.png

 

In the image Content Properties I set text wrapping to left and position to top. If you set it to bottom, it appears on the right.

 

image.png

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

 

 

 

 

Help others by clicking Correct Answer or Like if helpful. Found your answer elsewhere? Share it here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp