Skip to main content
stentec514
stentec514
Known Participant
December 2, 2014
Answered

text follows contour

  • December 2, 2014
  • 1 reply
  • 420 views

When I insert an image which I made "detached" with Photoshop, can text follow contour? I can insert images but it alsways looks text is following square left or right.

Sorry if my words/explanations are not correct but that is because English is not my native language.

I use RH 11

Aart Korstjens

the netherlands

This topic has been closed for replies.
Correct answer Willam van Weelden

I don't think it can be done with Rh out of the box but maybe Willam has a trick up his sleeve?

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge


This is a problem for all web sites, not just for content created with RH. There are two ways of getting this done:

  1. Use the new CSS3 shapes. Clean and not too hard to implement. The downside: it will only work on Chrome, Safari, (and iOS and Android default browsers). No support for FF or IE as of yet. They will get the boring rectangular wrap around. For a tutorial, see: http://alistapart.com/article/css-shapes-101
  2. Use div's to pad out the correct width to warp around. It will work in all browsers. But it will be hell to maintain. For a tutorial, see: http://www.torylawson.com/mw_index.php?title=CSS_-_Wrapping_text_around_non-rectangular_shapes

If possible, I would recommend option 1. It is the cleanest solution and when IE and FF get support, it will work immediately.

Kind regards,

Willam

1 reply

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
December 2, 2014

My Dutch isn't too hot either! Either post an image of what you want or, as an exceptional matter, post it in Dutch and wait for Willam to come along.

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.
stentec514
stentec514Author
Known Participant
December 2, 2014

Peter (and Willam also),

Image 1, the original image, was with a white background.

Image 2, I changed the white background in a transparent background. (Photoshop) But this did not work for me.

Than I made Image 3, I changed the transparent background colour in #FAFAFA because the bodycolour of all the pages is also #FAFAFA. Then it looks like the image has no background at all.

First example is like it is now, second example I made with Photoshop by moving parts of text manually ( but that was just to make visible for you what I mean.) Now I want the text wrapped around the image contours. Is this possible in RH 11?

Aart

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
December 2, 2014

I don't think it can be done with Rh out of the box but maybe Willam has a trick up his sleeve?

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge


This is a problem for all web sites, not just for content created with RH. There are two ways of getting this done:

  1. Use the new CSS3 shapes. Clean and not too hard to implement. The downside: it will only work on Chrome, Safari, (and iOS and Android default browsers). No support for FF or IE as of yet. They will get the boring rectangular wrap around. For a tutorial, see: http://alistapart.com/article/css-shapes-101
  2. Use div's to pad out the correct width to warp around. It will work in all browsers. But it will be hell to maintain. For a tutorial, see: http://www.torylawson.com/mw_index.php?title=CSS_-_Wrapping_text_around_non-rectangular_shapes

If possible, I would recommend option 1. It is the cleanest solution and when IE and FF get support, it will work immediately.

Kind regards,

Willam

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices