How to pin down a floating picture?

[shawnvw]

HTMLRoboHelp HTML 11, with linked Word document.

The pictures in my linked Word document need caption around them, and the standard text boxes and callouts didn't work well. I just hit on alternative: I can make a Word table (with no borders so it seems invisible), then have the picture float behind it, and finally enter the captions in selected cells of the table. When I add shading to those cells, the effect is of colored boxes of text floating in front of the picture.

It works fine in Word, but when I pull it into RoboHelp, the floating picture doesn't always stay where it should with respect to the table or the rest of the page.
In View it's in the wrong place, in Responsive HTML5 it currently appears okay, and in Multiscreen HTML5 it disappears completely.

Can anyone help?  Thanks.

[Captiv8r]

The simplest approach would be to just use an image editing application and save it as an image.

Cheers... Rick

[shawnvw]

Thanks, but then the text isn't searchable. Besides which, I may have other uses for floating objects, assuming that I can get them to behave.

[Captiv8r]

That's fine and I do understand it. As I said, the approach I offered was only the simplest. Not the only.

Please note that RoboHelp isn't really set up to easily allow you to create this situation in the manner you are wanting. So be prepared for a bit of a struggle and gnashing of teeth just to get the text to be searchable. You will have to step outside the "comfort zone" of typical editing of RoboHelp topics and manipulate things by changing the code and the CSS by hand. Don't be too surprised to find that when you do this, RoboHelp will often "helpfully" re-write the code in many cases and make you jump through hoops to keep it working.

It's your circus to run and you are totally free to have as many monkeys as you like!

Cheers... Rick