Skip navigation

… Ranging pix left or right

In WordPress 2.6 and above, it is possible to range pictures right or left but our theme does not recognise this. So this is how to do it with a little bit of code.

‘Float’ in HTML means to make an element ‘float’ as far to the left or right within its section as possible.

This is how to do it in a post, so smaller pictures or thumbnails can have text flow round them.

From within the HTML view:

1 Put your cursor where you want the picture to appear in your post.

2 Put in a few carriage returns so you can see easily what is happening.

3 Upload your picture in the normal way, decide if you want to use a thumbnail, ignore range right or left

5 put the following code before the image link (that was inserted in the post when you clicked on ‘Save all changes’).

<p style="float: left; margin-right: 10px; margin-top: 3px; margin-bottom: 10px">

and the following tag immediately after the picture: </p>

If you want to float the picture right, change ‘float: left’ to ‘float: right’ and ‘margin-right’ to ‘margin-left’.

6 Remove any extra carriage returns you don’t want. (You may need to fiddle with the top and bottom margin numbers to align the picture and text nicely.)

If you have just a tiny bit of text next to the picture, the next entry or paragraph will not start at the left margin but start next to your picture. To avoid this, after the text put:
<BR clear="all"/>

[Back to RESOURCES]