wrapping text next to images on portal..

[Volconvo]

hey,

currently when you have an image display within a news post the text has to be under the image (no matter how small the image is). Is there any way to have the text wrap next to the image and then go down to the margin under the image (like I see on news sites)

Here is my site for reference: http://www.volconvo.com

Thanks!

[tomshawk]

If you look at this page

http://www.tech-unity.com/topics/topic_icons.htm

I use these for topic icons on my homepage

and using the [ floatleft] [ /floatleft] codes, I can make it so text wraps around the images quite nicely

Create a custom BB code and add this

Tag: floatleft

replacement: <div style="float: left">{param}</div>

You can do the samething to the right

Tag: floatright

replacement: <div style="float: right">{param}</div>

[Our Sponsors]

[Volconvo]

but his will work with the standard [img] tag to actually wrap the text around it? I am a little confused I guess.

I am just curious how I can get text to do this IF there is an instance of an image-because there will not be all of the time. I would have to increase the amount of news characters displayed too I presume..hmm

[theMusicMan]

No, what you need to do is as tomshawk said... create a new BB Code using your AdminCP, then when you have done this with the paramenter supplied above, you will use...

[ floatleft ] path to image [ /floatleft ]

instead of

[ img ] path to image [ /img ]

[Our Sponsors]

[Volconvo]

right..but the problem with that is the regular users will not use that. It is user-driven...

[theMusicMan]

right..but the problem with that is the regular users will not use that. It is user-driven...... only in the same way as the [ img ] tag is used. If you also create an image button to use on the text editor they can click a button to achieve this instead of having to type it.

Is that what you meant?

I also have two BBcode tags - left and right align. Take a look at the portal page on www.themouthpiece.com or www.defuturo.com (not officially launched yet and still working on it) to see how they function.

PS: I love your site by the way... have been a regular viewer for some time.

[Volconvo]

hey thanks for the info and the compliment. I am gonna give up on these methinks ;) I need the *[img tag to do it automatically as most of my users use that tag. Oh well. :)

[theMusicMan]

I don't understand... why not make a new BBCode, with a new button that will appear next to the IMG button in the editor, that then uses the align or float attributes as suggested. The only difference for your users will be to click a different button!!

[Volconvo]

I have a large userbase that is used to the img tags. They will not remember to use that tag instead of the other one..the news topics update sometimes by the hour..so lots of topics :(

Oh well.

[DIYA]

If you look at this page

http://www.tech-unity.com/topics/topic_icons.htm

I use these for topic icons on my homepage

and using the [ floatleft] [ /floatleft] codes, I can make it so text wraps around the images quite nicely

Create a custom BB code and add this

Tag: floatleft

replacement: <div style="float: left">{param}</div>

You can do the samething to the right

Tag: floatright

replacement: <div style="float: right">{param}</div>

Thanks for this I had been having troubles with the other codes offered. Is there a way to put some space between the text and picture so that its not right next to the picture?