How to make text wrap round a picture
Fig 1
First, drag a picture by its icon from a Finder window and into your page, and place it where you want it in the run of text. In Fig 1, I’m just in the act of placing it at the very beginning of the text. If you look carefully, you can see the vertical insertion cursor just to the left of the word ‘Holdost’. You can drag the picture around the text on the page, watching where the cursor falls as you drag, and let go of the mouse when it’s in the right place. Bear in mind that RapidWeaver is not a WYSIWYG application, so you’ll need to hit Preview to check that it’s where you want it.
Next, making sure only the picture is selected (it’ll have a coloured border when it is) and not any of the text, you go to the ‘Format’ menu at the top of the screen, pull it down, and drag down to ‘HTML’ near the bottom. In the HTML submenu that flies out, you choose ‘Align Image Left’ or ‘Align Image Right’ depending on which side of the picture you want the text to wrap round.
Fig 2
This is where a lot of folks go wrong; they choose the wrong alignment option. They pick ‘Align Left’ in the ‘Format’ menu, instead of ‘Align Image Left’ in the ‘HTML’ submenu that’s within the ‘Format’ menu. Fig 2 shows the correct place to choose the alignment option, left or right.
‘Align Left’ ‘Center’ and ‘Align Right’ in the ‘Format’ menu apply to text alignment, not picture alignment.
The only reason you might have trouble wrapping text is that the text has had the ‘Paragraph’ setting added to it inadvertently. If this is the case, some or all of the text will be highlighted in green. This is usually because instead of just clicking once on the picture to select it, before you choose the alignment option, you’ve accidentally clicked and dragged, selecting a bit of the text as well. If you do that, even if you apply the correct method as described above, it won’t work, because the text is marked as a Paragraph, and will always drop down below the picture. If your text isn’t wrapping, look to see if any of it’s green and, if it is, select all the text (but only the text, not the picture!), go to the Format>HTML menu shown in the top screenshot, and choose ‘None’ at the top of the submenu. Oh, and there’s one more reason why it might not seem to have worked: you only see the wrapping in Preview mode. In Edit mode, nothing will seem to change. A small point, but a good one.
The information on this page is completely free, but if you want to make a small donation it will be greatly appreciated …