Parentheses don't keep together with the jpeg within

[friedlanders]

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.

[Peter Grainge]

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

[Willam_van_Weelden]

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

[friedlanders]

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

[LeanneBF]

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.

[Willam_van_Weelden]

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

Kind regards,

Willam

[friedlanders]

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