ElkArte Community

Project Support => Support => Topic started by: Auctor Lucan on March 28, 2017, 10:08:56 am

Title: Make [img] Stack Horizontally
Post by: Auctor Lucan on March 28, 2017, 10:08:56 am
I would like the images I insert in BBCode to stack next to each other everywhere on my forum, but now it is impossible. Can anyone help me with this?
Title: Re: Make [img] Stack Horizontally
Post by: radu81 on March 28, 2017, 11:31:32 am
something like this ? it's not automatic, you need to write the img bbcode on the same line

(https://www.w3schools.com/css/paris.jpg) (https://www.w3schools.com/css/paris.jpg)

or

(https://www.w3schools.com/css/paris.jpg) (https://www.w3schools.com/css/paris.jpg) (https://www.w3schools.com/css/paris.jpg) (https://www.w3schools.com/css/paris.jpg)

Code: [Select]
[img]https://www.w3schools.com/css/paris.jpg[/img] [img]https://www.w3schools.com/css/paris.jpg[/img]

or

[img width=200]https://www.w3schools.com/css/paris.jpg[/img] [img width=200]https://www.w3schools.com/css/paris.jpg[/img] [img width=200]https://www.w3schools.com/css/paris.jpg[/img] [img width=200]https://www.w3schools.com/css/paris.jpg[/img]
Title: Re: Make [img] Stack Horizontally
Post by: Auctor Lucan on March 28, 2017, 11:54:18 am
Ah, but if you check the image and my bbcode, that's what I have done. Could it be a theme thing and if so, where?
Title: Re: Make [img] Stack Horizontally
Post by: radu81 on March 28, 2017, 12:18:37 pm
if both images are larger than the width of your forum automatically the second image will be displayed below the first image
Title: Re: Make [img] Stack Horizontally
Post by: Auctor Lucan on March 28, 2017, 12:35:57 pm
I know, but that is not the issue. There is plenty of room for them.
Title: Re: Make [img] Stack Horizontally
Post by: Spuds on March 28, 2017, 03:08:09 pm
Looks like you have an older version of that themes CSS files ... the quick fix is to edit that themes index.css file ... around line 685 you will find

Code: [Select]
.bbc_img {
display: block;
border: 0;
max-width: 100%;
}
remove that display: block line
Title: Re: Make [img] Stack Horizontally
Post by: Auctor Lucan on March 28, 2017, 03:15:09 pm
Thanks! I will try that! :)
Title: Re: Make [img] Stack Horizontally
Post by: Auctor Lucan on March 30, 2017, 09:43:00 am
Worked like a charm! Thanks!