Text wrapping around images.

[silkydhp]

Hi guys, total newbie here on the coding and scripting side. I have had a look to see if this is mentioned in other threads but with no luck. I'm building a roleplay site where each member may have multiple characters in a post. I was hoping to find some way of letting them insert a picture next to each characters post.
I'd like to have the images alternate sides as shown here, but with the font wrapped around the images.



As I say I'm a total novice so please bear that in mind.

[Tumbleweed]

You can give them a premade code something like this they can just copy and edit their image and text into:


[div style="width:500px;height:100%;background-color:#445544;padding:8px;"][div style="height:108px;text-align:justify;"]
[img src="http://image.png" style="float:left;width:100px;height:100px;padding:0px 8px 2px 2px;"]Lorem ipsum dolor sit amet, libris oblique an eam, ad libris mnesarchum per. Decore dicunt iisque sea in. Pro in semper debitis, per at quidam fierent rationibus. Laudem inciderint sea no, nostrud alienum ei pri, et cum aeterno euismod admodum. Cu graeco timeam sea, at affert molestie sensibus duo, et qui quidam detraxit delicatissimi.
[/div]
[div style="height:108px;text-align:justify;"]
[img src="http://image.png" style="float:right;width:100px;height:100px;padding:0px 2px 2px 8px;"]Dolorem imperdiet eu vis. Eu putant tincidunt pro, eos id mnesarchum delicatissimi. Libris postulant et eam, duo ne minimum consulatu abhorreant. Vitae aeterno efficiendi id his, est cu doctus iisque pertinacia.
[/div]
[/div]
Which would look like this:

Lorem ipsum dolor sit amet, libris oblique an eam, ad libris mnesarchum per. Decore dicunt iisque sea in. Pro in semper debitis, per at quidam fierent rationibus. Laudem inciderint sea no, nostrud alienum ei pri, et cum aeterno euismod admodum. Cu graeco timeam sea, at affert molestie sensibus duo, et qui quidam detraxit delicatissimi.

Dolorem imperdiet eu vis. Eu putant tincidunt pro, eos id mnesarchum delicatissimi. Libris postulant et eam, duo ne minimum consulatu abhorreant. Vitae aeterno efficiendi id his, est cu doctus iisque pertinacia.