[Blog] Wrap around text in Blog

[outreacher]

I have Version 4.1.8 installed and am unable to align an image in a blog with text wrapped around the image.

The blog looks absolutely terrible with an image aligned left, with text above and below and a vast empty area of space at the side of the image.

Why won't this basic function work in Blogs.

I have tried creating the Blog in wordpress, and using other methods and then pasting into the vb blog and the image still aligns without the text wrapping.

[Matthew Gordon]

Make a new BB Code (Admin CP -> Custom BB Codes -> Add New BB Code), I named it "float" but it doesn't matter. This should be the replacement:

<span style="float:left; margin-right: 5px;">{param}</span>

The rest can be left at default. Wrap your [img] tag with the new [float] tag, like so:

[float][img]https://www.vbulletin.com/forum/images/misc/vbulletin4_logo.png[/img][/float]

The result should be something like this, when you add text next to it:

[Trevor Hannant]

I think this was fixed in a later version (sorry, unsure as to which) as it's definitely works in 4.1.12 OK.

[outreacher]

Make a new BB Code (Admin CP -> Custom BB Codes -> Add New BB Code), I named it "float" but it doesn't matter. This should be the replacement:

<span style="float:left; margin-right: 5px;">{param}</span>

The rest can be left at default. Wrap your [img] tag with the new [float] tag, like so:

[float][img]https://www.vbulletin.com/forum/images/misc/vbulletin4_logo.png[/img][/float]

The result should be something like this, when you add text next to it:

[ATTACH=CONFIG]59106[/ATTACH]

Thank you Matthew, looks like you have a solution to the problem. I am a little naive when it comes to adding code without specific instructions.

When I arrive at the (Admin CP -> Custom BB Codes -> Add New BB Code) There is a place for Title - then a place for "BB Code Tag Name" then below that a large text box.

Do I leave the Tag Name blank and paste the code in the text box "Replacement". Sorry for the questions but I don't want to paste the code and mess it up. Below the replacement box is another text box, should I enter something in there?

Also if I just paste into replacement box, and try save it tells me to complete all required fields, that is a bit confusing as well .

Thank you.

Actually Matthew, I just tried to work it out and I seem to have pasted info into the right places and the text has wrapped.

Your a genius, thank you very much.

Regards.

[Matthew Gordon]

The title is what it is called, the tag name is what you use inside of brackets to use it. For example, the image tag's title would be "Image" while the tag name is "img".

Glad you got it working right.

[Mr_Running]

Can anyone confirmed this was fix as I am on 4.2.0 and have the same problem.
If it's fixed is there something I can do to get it working?
I am hoping not to need this bbcode.

Cheers

[Matthew Gordon]

If your image is an attachment, you can use the WYSIWYG editor, double-click the attachment, and choose to align it to the left or right. If you are using [img] tags, then you need to use an extra BB Code (or HTML) to align it how you want.

[Mr_Running]

Okay, I just realized that it's an attachment which is align to the left but the attachment and the text are butting up to each other, leaving no space between the attachment and text.

[Mr_Running]

Who has blogs and has this issue in post #8?

[Matthew Gordon]

Try adding the following to your additional.css template:

blockquote .align_left
{
	margin: 1em 1em 1em 0;
}

blockquote .align_right
{
	margin: 1em 0 1em 1em;
}

See also a relevant bug report: VBIV-14822

[Mr_Running]

Thanks Matthew, it worked for all about 5 minutes.
I play with the em ...tried .5em but then put it back to 1em

Not it does not work for me
I tried clearing the cache and browser but still the same result.

Voted.
This may seem minor but my bloggers don't like it !!!
I hope it gets fixed in the next update.

Any other ideas to temporary fix?

[Matthew Gordon]

Are you using the config window to align the attachment? [attach=left] uses an inline float that isn't affected by the additional.css addition, but it should work fine for [attach=config] with alignment set to left.

[Mr_Running]

Okay, Now it seems to be working again.