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.
Pages: 1
Hi Backlighters,
How can I get images to appear next to each other instead of underneath each other?
Now I have the following: http://www.aimhigh.aero/publications/ where they are all stacked under each other.
What I would like is one image left, one image right and so on.
Thanks!
Offline
The best way would be to use the TTG Responsive grid in a two column layout.
More here: http://ttg-tips-and-tricks.barbeephoto. … backlight/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
This should do it. I've updated the html a bit, making it compliant with html5
<h2>MAGAZINE</h2>
<div class="grid_12">
<div class="col_6 alpha">
<figure><img src="/backlight/designer/page/image/33" height="250" width="600">
<figcaption><strong>AOPA NL, Plane Owner</strong>, No. 364 | 4 page article on Spacek SD-1 Minisport</figcaption>
</figure>
</div>
<div class="col_6 omega">
<figure><img src="/backlight/designer/page/image/32" height="250" width="600">
<figcaption><strong>Combat Aircraft</strong>, Vol 18 No.11 | 7 page article about 10th CAB / OAR mission.</figcaption>
</figure>
</div>
</div>
<div class="grid_12">
<div class="col_6 alpha">
<figure><img src="/backlight/designer/page/image/34" height="250" width="600">
<figcaption><strong>Vliegen in Nederland</strong>, Vol 3 No.1 | 6 page article on Dutch Rush aerobatics.</figcaption>
</figure>
</div>
<div class="col_6 omega">
<figure><img src="/backlight/designer/page/image/35" height="250" width="600">
<figcaption><strong>RotorBlatt</strong>, Vol 3 No.1 | 4 page article on BHELMA IV</figcaption>
</figure>
</div>
</div>remove the alpha and omega classes if they push the columns to far to the left and right.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Pages: 1