I have a problem with text around images. For example, I have an html item with simple text inside. I want to add a graphic item with a picture inside in the centre of the html item. Also I would like the text to be aligned around the image.
You can’t wrap text around both sides of an image (not easily,
anyway) but you can wrap around one side or the other very simply.
Just insert the image as an inline at the beginning of a paragraph,
and then set Align: right or left on that inline image. Add some
margin to the appropriate side so that the text doesn’t crash into the
image. (Both align and margin are found in the Inspector when the
image is selected – handles showing.)
If you do want to wrap text around both sides of an image, you have to
split the text into two columns, and then use negative margin to pull
the image out of the right column of text and over the left, and then
put a transparent gif spacer in the left column to hold the text away
from where that image is floating. It can be a very cool visual
effect, but it is very fiddly and relies on you being good at
character-counting and whatnot.
Walter
On Sep 7, 2011, at 11:13 AM, Michael Coldereo wrote:
I’ve seen a technique to make a fake text wrap using a bunch of small divs that set each line length. It looks like more work than it’s worth but might be ok.