Bitcoin Forum

Other => Meta => Topic started by: KingScorpio on March 07, 2018, 06:44:47 PM



Title: how to get multiple picture horizontally next to each other
Post by: KingScorpio on March 07, 2018, 06:44:47 PM
i added 3 small pictures into a topic but they all are beeing alligned vertically,

how can i get them horizontally?

regards


Title: Re: how to get multiple picture horizontally next to each other
Post by: Coins4Days on March 07, 2018, 06:47:09 PM
Have you tried adding a float tag?

Code:
[float=left][img]image_link_here[/img][/float]
[float=center][img]image_link_here[/img][/float]
[float=right][img]image_link_here[/img][/float]


Title: Re: how to get multiple picture horizontally next to each other
Post by: KingScorpio on March 07, 2018, 06:51:18 PM
Have you tried adding a float tag?

Code:
[float=left][img]image_link_here[/img][/float]
[float=center][img]image_link_here[/img][/float]
[float=right][img]image_link_here[/img][/float]

just tried

looks horrible

https://bitcointalk.org/index.php?topic=3073043.msg31664978#msg31664978


Title: Re: how to get multiple picture horizontally next to each other
Post by: Coins4Days on March 07, 2018, 06:57:32 PM
Have you tried adding a float tag?

Code:
[float=left][img]image_link_here[/img][/float]
[float=center][img]image_link_here[/img][/float]
[float=right][img]image_link_here[/img][/float]

just tried

looks horrible

https://bitcointalk.org/index.php?topic=3073043.msg31664978#msg31664978

Shoot. Are you adding a line break in-between each image when you try to embed it? Let's go back to square one. Does your post look like:
Code:
[img]image_link_here[/img]
[img]image_link_here[/img]
[img]image_link_here[/img]

If so, perhaps changing that to this could fix it?

Code:
[img]image_link_here[/img][img]image_link_here[/img][img]image_link_here[/img]

I'm thinking that if there are no line breaks or spaces when trying to embed, it can work.


Title: Re: how to get multiple picture horizontally next to each other
Post by: xhomerx10 on March 07, 2018, 07:01:10 PM
didyoutry
     using     
    a table?   

edit: my table looks pretty crappy but it was a rush job.


Title: Re: how to get multiple picture horizontally next to each other
Post by: KingScorpio on March 07, 2018, 07:37:42 PM
Have you tried adding a float tag?

Code:
[float=left][img]image_link_here[/img][/float]
[float=center][img]image_link_here[/img][/float]
[float=right][img]image_link_here[/img][/float]

just tried

looks horrible

https://bitcointalk.org/index.php?topic=3073043.msg31664978#msg31664978

Shoot. Are you adding a line break in-between each image when you try to embed it? Let's go back to square one. Does your post look like:
Code:
[img]image_link_here[/img]
[img]image_link_here[/img]
[img]image_link_here[/img]

If so, perhaps changing that to this could fix it?

Code:
[img]image_link_here[/img][img]image_link_here[/img][img]image_link_here[/img]

I'm thinking that if there are no line breaks or spaces when trying to embed, it can work.


jes the line break where it but it still doesnt look 10% cleat script text is depicted in the forum


Title: Re: how to get multiple picture horizontally next to each other
Post by: Leksnik on March 07, 2018, 07:43:38 PM
i added 3 small pictures into a topic but they all are beeing alligned vertically,

how can i get them horizontally?

regards

image1
image2
image3

Code:
[table]
[tr]
[td]
[img]image1[/img]
[/td]
[td]
[img]image2[/img]
[/td]
[td]
[img]image3[/img]
[/td]
[/table]


Title: Re: how to get multiple picture horizontally next to each other
Post by: KingScorpio on March 07, 2018, 09:55:20 PM
i added 3 small pictures into a topic but they all are beeing alligned vertically,

how can i get them horizontally?

regards

image1
image2
image3

Code:
[table]
[tr]
[td]
[img]image1[/img]
[/td]
[td]
[img]image2[/img]
[/td]
[td]
[img]image3[/img]
[/td]
[/table]

ok i applied that its now horizontal, but i had to ad an empty image because the first image was shown smaller than the others


Title: Re: how to get multiple picture horizontally next to each other
Post by: Leksnik on March 08, 2018, 01:37:33 AM
ok i applied that its now horizontal, but i had to ad an empty image because the first image was shown smaller than the others

In the code of the first image you need to add this line:

Code:
[color=transparent]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa[/color]

The text line (aaa...) must be longer than the width of the image. The width of your first picture is 185px.

All the code will look like this.

Code:
[table]
[tr]
[td]
[img]image1[/img]
[color=transparent]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa[/color]
[/td]
[td]
[img]image2[/img]
[/td]
[td]
[img]image3[/img]
[/td]
[/table]


Title: Re: how to get multiple picture horizontally next to each other
Post by: KingScorpio on March 08, 2018, 08:53:44 PM
ok i applied that its now horizontal, but i had to ad an empty image because the first image was shown smaller than the others

In the code of the first image you need to add this line:

Code:
[color=transparent]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa[/color]

The text line (aaa...) must be longer than the width of the image. The width of your first picture is 185px.

All the code will look like this.

Code:
[table]
[tr]
[td]
[img]image1[/img]
[color=transparent]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa[/color]
[/td]
[td]
[img]image2[/img]
[/td]
[td]
[img]image3[/img]
[/td]
[/table]

ok it worked, but it created an uncontrolled space i added now space to all images and it looks ok

https://bitcointalk.org/index.php?topic=3073043.msg31664978#msg31664978


Title: Re: how to get multiple picture horizontally next to each other
Post by: xhomerx10 on March 08, 2018, 09:21:44 PM
ok i applied that its now horizontal, but i had to ad an empty image because the first image was shown smaller than the others

In the code of the first image you need to add this line:

Code:
[color=transparent]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa[/color]

The text line (aaa...) must be longer than the width of the image. The width of your first picture is 185px.

All the code will look like this.

Code:
[table]
[tr]
[td]
[img]image1[/img]
[color=transparent]aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa[/color]
[/td]
[td]
[img]image2[/img]
[/td]
[td]
[img]image3[/img]
[/td]
[/table]

ok it worked, but it created an uncontrolled space i added now space to all images and it looks ok

https://bitcointalk.org/index.php?topic=3073043.msg31664978#msg31664978

 Yeah, you're welcome.