Highlighted

How do I connect captions to images using responsive HTML5?

Explorer ,
Feb 06, 2019

Copy link to clipboard

Copied

I am working in RoboHelp 2019 and I want to know how to connect a caption to an image (Figure). The problem is when my output is responsive HTML5, as I move the browser window, the text moves and the captions move away from the image.

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

I would have simply created a line above or below the caption using either your ordinary paragraph style or one created for the purpose.

Avoid using a table.


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

Topics

HTML5 layout

Views

674

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

How do I connect captions to images using responsive HTML5?

Explorer ,
Feb 06, 2019

Copy link to clipboard

Copied

I am working in RoboHelp 2019 and I want to know how to connect a caption to an image (Figure). The problem is when my output is responsive HTML5, as I move the browser window, the text moves and the captions move away from the image.

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

I would have simply created a line above or below the caption using either your ordinary paragraph style or one created for the purpose.

Avoid using a table.


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

Topics

HTML5 layout

Views

675

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
Adobe Community Professional ,
Feb 06, 2019

Copy link to clipboard

Copied

New UI 2019 or Classic?

How are you creating the captions?


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

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
Reply
Loading...
Explorer ,
Feb 07, 2019

Copy link to clipboard

Copied

Test Figure Captions.jpg

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
Reply
Loading...
Explorer ,
Feb 07, 2019

Copy link to clipboard

Copied

Peter, my boss wanted the captions. I am working with UI 2019 and I called support last night and they suggested that I put the figure and the caption in a one column two row table however the table is not static and the caption and the table don't allow text around them and move with the movement of the window (below).

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
Reply
Loading...
Adobe Community Professional ,
Feb 07, 2019

Copy link to clipboard

Copied

I would have simply created a line above or below the caption using either your ordinary paragraph style or one created for the purpose.

Avoid using a table.


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

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
Reply
Loading...
Explorer ,
Feb 07, 2019

Copy link to clipboard

Copied

Peter, thank you for your response. My boss and I have been thinking linearly and I have decided not to use captions for figures, but rather use keywords embedded into the topics to find a particular image or topic. Your solution was acceptable had I decided to stick with captions for figures.

Rory 

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
Reply
Loading...
vivek_k1 LATEST
Adobe Employee ,
Feb 22, 2019

Copy link to clipboard

Copied

Hi roryj86911642​,

If you are ready to do some manual work in the source view then there is a better way to achieve this. We will provide this feature in next couple of updates from the UI itself. You will have to wrap the img in a figure tag and put the caption tag. following is the example. In the Author view it will render fine.

<figure>

  <img src="pic_trulli.jpg" alt="Trulli" style="width:100%">

  <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>

</figure>

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
Reply
Loading...