Skip to main content
Known Participant
June 3, 2013
Question

Parentheses don't keep together with the jpeg within

  • June 3, 2013
  • 1 reply
  • 692 views

Working in RoboHelp 8, I have a number of pictures of buttons within paragraphs. In this case, I have this combination in a custom-sized pop-up. I am having a hard time keeping the close or open parentheses on the same line as the picture.

This is a picture of the text as written.

This is a picture of the text as it is viewed (eyeglasses).

This is the html:

At the

bottom of the Tree view are <span style="font-weight: bold;">Expand All</span>

(<img src="Expand all button.jpg" alt="" style="border: none;" width="70"

   height="21" border="0" />) and <span style="font-weight: bold;">Collapse

All</span> (<img src="Collapse All button.jpg" alt="" style="border: none;"

      width="75" height="21" border="0" />) buttons.

I've been fiddling with the custom size to make it stay together - but am wondering if there is anything I can do when writing to make sure the parentheses stays with the picture within.

Thanks so much.

This topic has been closed for replies.

1 reply

Peter Grainge
Community Expert
Community Expert
June 3, 2013

I am questioning why you need the text and the parentheses. The paragraph works if you just show the images. The word buttons is there and the reader should be able to work it out. If not maybe you just need pictures.

If you don't like that idea, why not just have the text and put the buttons below the paragraph or use dropdowns?


See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
Willam van Weelden
Inspiring
June 3, 2013

HI,

In your CSS, add the following code:

span.no_break { white-space: nowrap; }

In your RoboHelp project, select the parentheses and the image. Then select the no_break style from the style selection dropdown. The parentheses will now always stay with the image. They will only go to the next line as a whole.

Greet,

Willam

Inspiring
September 30, 2014

RoboHelp 11

It's happened again - this time with a comma that was moved to the next line after a .gif.

When I had the problem with the parentheses, I followed Peter's suggestion, above - and that has worked beautifully. However now, I can't really remove the comma. I wanted to try your CSS suggestion, but can't figure out where or how to enter it. When going into default.css, I need to choose from a list of formats (Character, Paragraph, etc. and am not sure what to choose there. Also don't know where I would add the code. If anyone can offer any help, that would be great.