Sunday, February 10, 2008

Floptical shows how to wrap text round an image

Floptical BunnyFloptical bunnyBy default the text starts at the bottom right of an image (like this), so how do you make text wrap.

The simplest way is to

  1. insert the image using the upload below the editor, then

  2. insert into the Post 

  3. change the tab from visual to code

  4. find the img tag with the picture and inside the tag add align="left"

Floptical bunnyAnother way (a little tricky) is to use the picture icon on the Post editor (there is a wee bug!).

  1. Insert the picture into the editor.

  2. Click on the image then click on the picture icon, this will bring up a dialog box

  3. Change the alignment to what you want, but.. before you save
    Note that the dimensions are blank **this is the bug** if you save at this point the image will vanish (actually it becomes an image 1 pixel wide by 1 pixel high!)

  4. So here's a trick..

    1. highlight the Image URL (click in the Image URL text box and go Ctrl+A).

    2. Cut it out (Ctrl+X)

    3. Click in another of the text boxes (like image description)

    4. Then click in the inage URL one and paste the URL back! then..

    5. Click in the Image description one and the dimensions will magically appear!

    6. .. so you click Update and the image will appear as you wanted it to.

No comments:

Post a Comment