Features / Usability

Features / Usability

Unable to Make Images Side by Side

posts: 708

Tiki 14.1
PHP Version 5.6

Good day folks, I am having a heck of a time getting two images to reside side by side.
I'd like to direct you to two sites where I have two examples of this:
Our live site at http://thepatriotwoodwiki.org/Sam+Maloof (please see header at "Image Gallery" for two images that I am trying to place side by side).

Our Tiki 12.4 test site at http://tpwtestuser.com/tiki/tiki-editpage.php?page=Image%20side%20by%20side%20Test

Please see the two images residing side by side at the test site.
The test site I simply place the two images side by side using the wiki text editor, nothing special in the syntax, and the two images remained side by side, this was wonderful.

In our live 14.1 site, I tried the same and the two images can only reside one over the other. I also have tried "XXX"|"YYY" per this discussion at https://tiki.org/forumthread56597 but that did not work either. I am not ready to resort to the PluginDiv just yet, I feel we should be able to put two images side by side without resorting to plugins, any help is greatly appreciated! Thanks gurus

posts: 3622 United States

Is it possible that you have inadvertently created a line break between the images? On the Tiki Demo site, it works just fine: https://demo.tiki.org/14x/imageTest

Maybe you have some custom CSS that is causing the line break?



- Rick  |  My Tiki Blog |  My Tiki UserPage

Why be a dummy? Get smarty! TikiForSmarties.com
Tiki for Smarties, your source for the best (and only) Tiki books, guides, and tutorials.
posts: 708

Rick, thanks for looking into this. I went ahead and copied your code to my wiki at http://thepatriotwoodwiki.org/Playground

The top two images side by side, is your syntax, the bottom two images is my syntax. I do not know what i am doing wrong. Can you look at it one more time please? Thanks sir.




posts: 708
By the way, I deleted my custom css in Theme, and it had no effect. I then reinserted my custom CSS.

posts: 708
OK, I made it work, I had to insert responsive="n" into the syntax. The last set of images is my syntax with resonsive set to "n". Hmmmm, why?
posts: 708

That was the culprite Rick! I thank you sir for helping out, i was able to look at your syntax and adjust mine to yours and it all worked out. So thanks for that.

Have a glorious week ahead!