Oz Clubhouse

13. Create the Image Wrap Around Using HTML Code

These free web pages are provided free of charge to Lions Clubs and Districts within Australia - the Help Page is under construction
Dec 08 2009

Further Information can be obtained by email from the Lions Australia Webmaster - Malcolm Qualtrough

If the movies do not run you will need Adobe Flashplayer to view these files.

Return to Help Index

Examination of the HTML Code shows us the 'float-left' Command.

The words: class="floatLeft" can be pasted into the code window in the position shown, just after the alternate text: alt="Girl with Dog" class="floatLeft"

This should make the image float and the text flow around it.

Further Note Dec 11 2009 Try the following:

I have found that the best way to wrap the text around the image is to first insert your image and press the edit button to save it.

Go back into the editor and go to the html editor button which brings up the code.

Look for something like:

<p><img src="http://lh4.ggpht.com/_FfgAiZdDerM/SyHlkC46qyI/AAAAAAAAA3g/b-re5JZ74uc/Roxburgh-Small.jpg" alt="President" />Pictured at left is Lion President of Roxburgh Park, Frank Szydlowski presenting flowers to DG Jill, on

This shows the url of your photo and its alternate name. After alt=”President” you must paste the following:    class="floatLeft"

We then get:

<p><img src="http://lh4.ggpht.com/_FfgAiZdDerM/SyHlkC46qyI/AAAAAAAAA3g/b-re5JZ74uc/Roxburgh-Small.jpg" alt="President" class="floatLeft" />Pictured at left is Lion President of Roxburgh Park, Frank Szydlowski presenting flowers to DG Jill, on

Important you now must remove the space after class="floatLeft" and before /

Also important: You must have capital 'L' in class="floatLeft" not class="floatleft"

So that we have:

<p><img src="http://lh4.ggpht.com/_FfgAiZdDerM/SyHlkC46qyI/AAAAAAAAA3g/b-re5JZ74uc/Roxburgh-Small.jpg" alt="President" class="floatLeft"/>Pictured at left is Lion President of Roxburgh Park, Frank Szydlowski presenting flowers to DG Jill, on

Hit the edit button and it seems to work every time. Next time you look the space in the code seems to come back but the image is still floating.

I am guessing it is a bug with the editor, but I am not an expert on the code.

Let me know if this helps,

Malcolm Qualtrough
Lions Australia Web Editor