Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Hi,
I'm uchanging my BL2 site from Okapi to Pangolin.
Something strange is happening on my 'about' page.
In Okapi style the upper images are centered and side by side. When I change the page template in the Design Page to the Pangolin page, the images show up centered but not side by side. Instead the showup above each other.
I use the following in the Main Copy of the Page settings:
<p align= "center">
<img src=http://potokphotography.com//backlight/designer/page/image/11 width=150 alt="Thea Oranje in Khajuraho" title="Thea Oranje in Khajuraho">
<img src=http://potokphotography.com//backlight/designer/page/image/10 width=150 alt="Peter Oranje in Mandu" title="Peter Oranje in Mandu"
How can I get them centered and side by side again?
my site: potokphotography.com
Peter
Offline
When I look at the page, the images are side by side.
However, align="center" is deprecated in html 5 and may not work in all browsers. And there are other problems with the html.
instead of:
<p align="center">your content</p>
use
<div style="text-align:center;">
<img style="display: inline-block;" src="http://potokphotography.com//backlight/designer/page/image/11" width=150 alt="Thea Oranje in Khajuraho" title="Thea Oranje in Khajuraho">
<img style="display: inline-block;" src="http://potokphotography.com//backlight/designer/page/image/10" width=150 alt="Peter Oranje in Mandu" title="Peter Oranje in Mandu"></div>I cleaned up some of the image html adding quotes where needed and closing an image tag.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline