Make [img] Stack Horizontally 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?
Re: Make [img] Stack Horizontally Reply #1 – 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 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]
Re: Make [img] Stack Horizontally Reply #2 – 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?
Re: Make [img] Stack Horizontally Reply #3 – 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
Re: Make [img] Stack Horizontally Reply #4 – March 28, 2017, 12:35:57 pm I know, but that is not the issue. There is plenty of room for them.
Re: Make [img] Stack Horizontally Reply #5 – 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 findCode: [Select].bbc_img { display: block; border: 0; max-width: 100%;}remove that display: block line
Re: Make [img] Stack Horizontally Reply #7 – March 30, 2017, 09:43:00 am Worked like a charm! Thanks!