how to get multiple picture horizontally next to each other

xhomerx10

legendary

Activity: 3808

Merit: 7912

Quote from: KingScorpio on March 08, 2018, 03:53:44 PM

Quote from: Leksnik on March 07, 2018, 08:37:33 PM

Quote from: KingScorpio on March 07, 2018, 04:55:20 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://bitcointalksearch.org/topic/m.31664978

Yeah, you're welcome.

KingScorpio

sr. member

Activity: 1470

Merit: 325

Quote from: Leksnik on March 07, 2018, 08:37:33 PM

Quote from: KingScorpio on March 07, 2018, 04:55:20 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://bitcointalksearch.org/topic/m.31664978

Leksnik

jr. member

Activity: 40

Merit: 3

Quote from: KingScorpio on March 07, 2018, 04:55:20 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]

KingScorpio

sr. member

Activity: 1470

Merit: 325

Quote from: Leksnik on March 07, 2018, 02:43:38 PM

Quote from: KingScorpio on March 07, 2018, 01: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

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

Leksnik

jr. member

Activity: 40

Merit: 3

Quote from: KingScorpio on March 07, 2018, 01: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

image1

image2

image3

Code:

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

KingScorpio

sr. member

Activity: 1470

Merit: 325

Quote from: Coins4Days on March 07, 2018, 01:57:32 PM

Quote from: KingScorpio on March 07, 2018, 01:51:18 PM

Quote from: Coins4Days on March 07, 2018, 01: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]

just tried

looks horrible

https://bitcointalksearch.org/topic/m.31664978

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

xhomerx10

legendary

Activity: 3808

Merit: 7912

did	you	try
using
a table?

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

Coins4Days

member

Activity: 294

Merit: 27

bit.ly/Coins4Hash

Quote from: KingScorpio on March 07, 2018, 01:51:18 PM

Quote from: Coins4Days on March 07, 2018, 01: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]

just tried

looks horrible

https://bitcointalksearch.org/topic/m.31664978

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.

KingScorpio

sr. member

Activity: 1470

Merit: 325

Quote from: Coins4Days on March 07, 2018, 01: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]

just tried

looks horrible

https://bitcointalksearch.org/topic/m.31664978

Coins4Days

member

Activity: 294

Merit: 27

bit.ly/Coins4Hash

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]

KingScorpio

sr. member

Activity: 1470

Merit: 325

i added 3 small pictures into a topic but they all are beeing alligned vertically,

how can i get them horizontally?

regards

Topic: how to get multiple picture horizontally next to each other (Read 194 times)