6 Replies Latest reply: Oct 1, 2014 2:08 AM by Willam van Weelden

Parentheses don't keep together with the jpeg within

friedlanders Jun 3, 2013 10:37 AM

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.

1. Re: Parentheses don't keep together with the jpeg within

Peter Grainge Jun 3, 2013 11:35 AM (in response to friedlanders)

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
Like Show 0 Likes (0)

Actions
2. Re: Parentheses don't keep together with the jpeg within

Willam van Weelden Jun 4, 2013 12:35 AM (in response to Peter Grainge)

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
Like Show 0 Likes (0)

Actions
3. Re: Parentheses don't keep together with the jpeg within

friedlanders Jun 3, 2013 11:59 AM (in response to Peter Grainge)

Thanks so much,Peter. I was so involved with getting this right that I didn't "see outside the parentheses." Sometimes a new pair of eyes is the best.

Leanne
Like Show 0 Likes (0)

Actions
4. Re: Parentheses don't keep together with the jpeg within

friedlanders Jun 3, 2013 12:01 PM (in response to Willam van Weelden)

Thanks, William. At this point I'll probably follow Peter's line of thought - but will definitely keep your suggestion for when I will need it. Just what I was looking for.

Leanne
Like Show 0 Likes (0)

Actions
5. Re: Parentheses don't keep together with the jpeg within

LeanneBF Sep 30, 2014 10:25 AM (in response to Willam van Weelden)

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.
Like Show 0 Likes (0)

Actions
6. Re: Parentheses don't keep together with the jpeg within

Willam van Weelden Oct 1, 2014 2:08 AM (in response to LeanneBF)

Copy the CSS into your project's CSS using notepad. Then you can choose the no_break from the styles list.

Kind regards,

Willam
Like Show 0 Likes (0)

Actions