Page 1 of 1

Align image image left and Text next to it

Posted: Mon Jan 14, 2019 11:31 am
by Hartenheer
When I upload

Code: Select all

attachment
an image, I want to align it to the left
And the text next to it comes to stand.

Already tried different BBcodes, unfortunately they do not work

Re: Align image image left and Text next to it

Posted: Mon Jan 14, 2019 3:50 pm
by warmweer
I'm not sure if it work with attachments but Advanced BBcode Box has a BBcode for wrapping text to the right of an image. If it works you could extract that BBcode.

Re: Align image image left and Text next to it

Posted: Mon Jan 14, 2019 4:38 pm
by mrgoldy
Alternatively you can make use of phpBB's native classes, which will need two BBCodes.

BBCode usage: [clearfix]{TEXT}[/clearfix]
HTML Replacement: <div class="clearfix">{TEXT}</div>

BBCode usage: [col={NUMBER}]{TEXT}[/col]
HTML Replacement: <div class="column{NUMBER}">{TEXT}</div>

Then you can use in your posts:

Code: Select all

[clearfix][col=1]Left column[/col][col=2]Right column[/col][/clearfix]
Please note: you can only use 1 and 2, more columns are not supported natively.
Result: http://prntscr.com/m737vg

Re: Align image image left and Text next to it

Posted: Mon Jan 14, 2019 5:30 pm
by Hartenheer
It works almost.
The text is placed on the right, but unfortunately not next to the image
Schermafdruk 2019-01-14 18.25.26.png

Re: Align image image left and Text next to it

Posted: Mon Jan 14, 2019 6:27 pm
by mrgoldy
The clearfix should not be added twice.
It should wrap around both col=1 and col=2.
[clearfix] [col=1]Left[/col] [col=2]Right[/col] [/clearfix]

Re: Align image image left and Text next to it

Posted: Mon Jan 14, 2019 7:55 pm
by Hartenheer
mrgoldy wrote:
Mon Jan 14, 2019 6:27 pm
The clearfix should not be added twice.
It should wrap around both col=1 and col=2.
[clearfix] [col=1]Left[/col] [col=2]Right[/col] [/clearfix]
[/quote]

A big, many thanks for the help

Re: Align image image left and Text next to it

Posted: Tue Jan 15, 2019 2:15 pm
by Mick

Re: Align image image left and Text next to it

Posted: Tue Jan 15, 2019 3:09 pm
by Hartenheer
Mick wrote:
Tue Jan 15, 2019 2:15 pm
Wrap text around an image
I tried Mick, but it did not work if you update the image as an attachment.
Only in the img update

Re: Align image image left and Text next to it

Posted: Tue Jan 15, 2019 4:41 pm
by Lumpy Burgertushie
Imagehello everyone, this is a test of an image with text
and more text
and more text

that is simply done by using the image bbcode first and then typing the text.

in your post you asked about attachments. you were given a couple of ways to do it . you replied that yes it only works for attachments you wanted images.

you now have both ways and you get to pick which one you want.

by the way, if you place the attachment inline then I believe the tex automatically wraps around the attachment by default.


robert

Re: Align image image left and Text next to it

Posted: Wed Jan 16, 2019 6:30 am
by Hartenheer
Lumpy Burgertushie wrote:
Tue Jan 15, 2019 4:41 pm
Imagehello everyone, this is a test of an image with text
and more text
and more text

that is simply done by using the image bbcode first and then typing the text.

in your post you asked about attachments. you were given a couple of ways to do it . you replied that yes it only works for attachments you wanted images.

you now have both ways and you get to pick which one you want.

by the way, if you place the attachment inline then I believe the tex automatically wraps around the attachment by default.


robert
Schermafdruk 2019-01-16 07.28.52.png
Good Bubble Burgertushie,

I do not know which browser you use, but I see the text just around the image.
Only one sentence.

Re: Align image image left and Text next to it

Posted: Thu Jan 17, 2019 9:07 am
by Hartenheer
Lumpy Burgertushie wrote:
Tue Jan 15, 2019 4:41 pm
Imagehello everyone, this is a test of an image with text
and more text
and more text

that is simply done by using the image bbcode first and then typing the text.

in your post you asked about attachments. you were given a couple of ways to do it . you replied that yes it only works for attachments you wanted images.

you now have both ways and you get to pick which one you want.

by the way, if you place the attachment inline then I believe the tex automatically wraps around the attachment by default.


robert
This is from my other website.
That is how I mean with the instigation of the attachments.

Schermafdruk 2019-01-17 10.00.54.png