I have a loop with a Web Yep image element. As I add instances of the image I want them to be added horizontally and stay center in the parent div.
I know it sounds simple but I’m struggling. Align and Float in the extended attributes is not working.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Can you post a link?
Walter
On Sep 3, 2015, at 7:17 PM, billy kimmel email@hidden wrote:
I have a loop with a Web Yep image element. As I add instances of the image I want them to be added horizontally and stay center in the parent div.
I know it sounds simple but I’m struggling. Align and Float in the extended attributes is not working.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
It’s the small images under “EYECARE” bottom
billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
To center and keep them inline, style them as display: inline-block, and set text-align center on the parent box. That will make them center within the space given, and repel each other the way that floated elements do. There isn’t any sort of float: center possible with floated elements, but display: inline-block does nicely.
Walter
On Sep 3, 2015, at 7:37 PM, billy kimmel email@hidden wrote:
It’s the small images under “EYECARE” bottom
billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
Thank You, that worked.
It’s the small things.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
So riffing of the last success. I now would like to place my web yep image inside another dive and add two more s test elements. So now I have a dive with three web yep elements in it. This is also in a loop.
I’ve applied the same styles to the block that holds the web yep stuff and its parent div, but no success.
The one thing that is different is that in order for me to keep the horizontal structure to the loop I have to left float my div so that the “loop end” will float just to its right. This causes the horizontal nature of the the loop. That is probably why the centering won’t happen.
Any advice?
look at the creative team images under “about”
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Billy am I correct in thinking you are adding a loop within a loop?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
No. If you look at the small images under “Eyewear” I have a loop that centers the images so that if there is only one it’s centered. Basically they layout from the center out. I did this in the extend attributes: style=“display: inline-block;” and text-align: center the parent div.
I want to do the same with the “Team photos”. For example if they add a fifth team member it will show center below the other four. My parent div allows for four across horizontally. For some reason I cannot get it to do this when there is more than one Web Yep element within a parent div.
Billy
http://smartytest.com/eyecare/
freewaytalk mailing list
email@hidden
Update your subscriptions at: