Wrap Text Around Images

[stevepeo]

Hi

I wondered if it is possible to warp text around images? At present I am getting a picture followed with a gap in the text for the depth of the picture...

I assume this can be sorted using a table but just wonder if its possible via a setting to make life easier?

Steve

[Gergo Erdosi]

It is possible with css. Use the following code for the image:

Code: Select all

<img src="image.jpg" style="float: left; padding: 5px;" />

Of course float can be left, right etc.

[stevepeo]

Thank you.

In my naivity (and I am just a newbie), do I add this in the html view of the editor?

Steve

[Gergo Erdosi]

In my naivity (and I am just a newbie), do I add this in the html view of the editor?

Yes, that's the easiest way.

[stevepeo]

Thank you

Steve

[Gergo Erdosi]

You're welcome. If something is wrong, just write.

[inspired444]

THanks for this tip. Much appreciated.
Does anyone know if any of the editors (JCE, etc.) has a button one can add in order to control the float property on an image? So that one does not have to manually edit the HTML each time we want an image with text wrapping around it?

Cheers,
Jonathan

[stevepeo]

Hi Jonathan


Yes, I now use xhtml (http://www.xhtmlsuite.com) which is fantastic. It allows you to upload the image directly and set the float. It also has a nice feature for inserting files for downloading which is very similar. By far the best £30 (actually it's a little less but obviously dependent on exchange rates) you can spend for joomla.

As a free alternative, have a look at JCE (http://www.joomlacontenteditor.net/) which is also very very good and has many of the same features. In fact a good option is to install both to have the full range of tools at hand.

Steve

[inspired444]

Hi Jonathan
Yes, I now use xhtml (http://www.xhtmlsuite.com) which is fantastic. It allows you to upload the image directly and set the float. It also has a nice feature for inserting files for downloading which is very similar. By far the best £30 (actually it's a little less but obviously dependent on exchange rates) you can spend for joomla.
As a free alternative, have a look at JCE (http://www.joomlacontenteditor.net/) which is also very very good and has many of the same features. In fact a good option is to install both to have the full range of tools at hand.
Steve

Thanks Steve, that was helpful and has pointed me in the right direction.
I've now got it happening through JCE.
Cheers,
Jonathan

[ikt]

It is possible with css. Use the following code for the image:

Code: Select all

<img src="image.jpg" style="float: left; padding: 5px;" />

Of course float can be left, right etc.

Beautiful... thank you!

[bcolumbia]

This did not work for me. When I enter in that coding it all gets removed accept for the img src and then it automatically adds a border property. I Don't understand why I can't embed stuff like CSS or Java?

[ltempest]

I'm looking for a similar solution but I need my text to actually 'flow' around the contour of the image. There is a plugin called curvacious http://extensions.joomla.org/extensions ... 12/details but this is only J1.0.x and I was wondering if there is a J1.5 version?

Thanks for the help

Lee

[El Magnifico]

This did not work for me. When I enter in that coding it all gets removed accept for the img src and then it automatically adds a border property. I Don't understand why I can't embed stuff like CSS or Java?

Go to global configuration and disable your WYSIWYG editor and try again, preview, and re-enable WYSIWYG after you are done. You may have to do this every time you plan on editing the page...but beauty has its price.

[CarloMYK]

I don't have a HTML option in my text editor of my article. what else can I do? please help

[El Magnifico]

In the global settings you can choose to turn off the editor...there is an option with a "drop down list" that should currently say TinyMCE 2.0 or something similar. You can change this to "No Editor"....after completing this, you can revert back to original settings. Hope this helps.

[sidnet]

Could someone help by clarifying how to achieve the text wrap, if the trouble maker is an embedded adsense code (plugin) and not an image?

[jjag]

Thanks Gergo. The css code addition via the HTML button of the TinyMCE Editor did it for me.

[space6977]

i also was having a problem with wrapping text around an image using jce i tried the
<img src="image.jpg" style="float: left; padding: 5px;" />
to wrap the text but all my images were getting tabbed over so i spent some time playing around and i found that in the img src if you add align="left" like so
<img src="image.jpg" align="left" />
it will also wrap the text with out typing so much. hope it helps

[jrllsls]

Same problem but worse, in that I am entirely at sea with html. Had my website developed professionally (used to do it myself using iWeb - that's about the extent of my knowledge) and now have to add content myself. I'm okay with basics, but wrapping text etc - too much for me! I tried the JCE but doesn't seem mac compatible? Can anyone explain to me EXACTLY how to do wrap text round an image, without assuming any prior knowledge?

Thank you!

[dpacadmin]

See if your editor can set a left or right align on the image, you may need to insert the image just before the text you want to wrap it.