Skip to main content ↑ ↓
Topic: Make [img] Stack Horizontally (Read 1816 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Make [img] Stack Horizontally

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?

Re: Make [img] Stack Horizontally

Reply #1 –

something like this ? it's not automatic, you need to write the img bbcode on the same line



or



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]
sorry for my bad english

Re: Make [img] Stack Horizontally

Reply #2 –

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?

Re: Make [img] Stack Horizontally

Reply #3 –

if both images are larger than the width of your forum automatically the second image will be displayed below the first image
sorry for my bad english

Re: Make [img] Stack Horizontally

Reply #4 –

I know, but that is not the issue. There is plenty of room for them.

Re: Make [img] Stack Horizontally

Reply #5 –

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
Be safe, Be kind, Happy Programing

Re: Make [img] Stack Horizontally

Reply #6 –

Thanks! I will try that! :)

Re: Make [img] Stack Horizontally

Reply #7 –

Worked like a charm! Thanks!