Bitcoin Forum
November 15, 2024, 06:35:33 AM *
News: Check out the artwork 1Dq created to commemorate this forum's 15th anniversary
 
   Home   Help Search Login Register More  
Pages: [1]
  Print  
Author Topic: how to get multiple picture horizontally next to each other  (Read 192 times)
KingScorpio (OP)
Sr. Member
****
Offline Offline

Activity: 1470
Merit: 325



View Profile WWW
March 07, 2018, 06:44:47 PM
 #1

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

how can i get them horizontally?

regards

Coins4Days
Member
**
Offline Offline

Activity: 294
Merit: 27

bit.ly/Coins4Hash


View Profile WWW
March 07, 2018, 06:47:09 PM
 #2

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 (OP)
Sr. Member
****
Offline Offline

Activity: 1470
Merit: 325



View Profile WWW
March 07, 2018, 06:51:18 PM
 #3

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

Coins4Days
Member
**
Offline Offline

Activity: 294
Merit: 27

bit.ly/Coins4Hash


View Profile WWW
March 07, 2018, 06:57:32 PM
 #4

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.

xhomerx10
Legendary
*
Offline Offline

Activity: 4032
Merit: 8864



View Profile
March 07, 2018, 07:01:10 PM
 #5

didyoutry
     using     
    a table?   

edit: my table looks pretty crappy but it was a rush job.
KingScorpio (OP)
Sr. Member
****
Offline Offline

Activity: 1470
Merit: 325



View Profile WWW
March 07, 2018, 07:37:42 PM
 #6

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

Leksnik
Jr. Member
*
Offline Offline

Activity: 40
Merit: 3


View Profile
March 07, 2018, 07:43:38 PM
Last edit: March 07, 2018, 08:44:52 PM by Leksnik
 #7

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 (OP)
Sr. Member
****
Offline Offline

Activity: 1470
Merit: 325



View Profile WWW
March 07, 2018, 09:55:20 PM
 #8

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
*
Offline Offline

Activity: 40
Merit: 3


View Profile
March 08, 2018, 01:37:33 AM
 #9

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 (OP)
Sr. Member
****
Offline Offline

Activity: 1470
Merit: 325



View Profile WWW
March 08, 2018, 08:53:44 PM
 #10

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

xhomerx10
Legendary
*
Offline Offline

Activity: 4032
Merit: 8864



View Profile
March 08, 2018, 09:21:44 PM
 #11

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.
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!