Working in the New Freeway Pro 7. Trying to adjust from what I learned using Backdraft.
I cannot for the life of me figure out how to center my Orange inflow Icons so that when the browser window expands they stay center instead of left.
Any help would be appreciated.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
inspector → first tab (measurements), alignment ->center.
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Yeah I tried that. Seems to make sense but it didn’t work. Weird.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Did you have the inner element (the one you want to center) selected at the time? And is this a truly inflow chile element, or is it positioned within the outer HTML box?
Walter
On Jul 31, 2014, at 12:32 PM, billy kimmel wrote:
Yeah I tried that. Seems to make sense but it didn’t work. Weird.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I have an html div that stretches the full width of the page with fixed% setting(W) and Flexible(H). Inside of that div are 4 html divs. Inside each of those divs is a graphic box and an html box for some text.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
The other interesting thing about this is that unless I float the parent div left, the background color will not show.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You’re going to need to use the inline-block layout method instead. Select each of the 4 inline HTML boxes, and make the following changes:
Now click on the outer box containing these items, and again use Item / Extended to add text-align:center to the box’s
Preview in a browser (you won’t see anything you like in the Freeway design view).
Walter
On Jul 31, 2014, at 12:47 PM, billy kimmel wrote:
I have an html div that stretches the full width of the page with fixed% setting(W) and Flexible(H). Inside of that div are 4 html divs. Inside each of those divs is a graphic box and an html box for some text.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Change the overflow setting on the parent div to hidden. Then you won’t need to use the “float-to-clear-a-float” trick as you are currently.
Walter
On Jul 31, 2014, at 1:06 PM, billy kimmel wrote:
The other interesting thing about this is that unless I float the parent div left, the background color will not show.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
So I was able to get the divs to center by adding a max-width in the extended attributes. However I still cannot put a background color on the parent div id it is center. Only if it is floated left or right.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Can you post a link to a demo page where I can see the actual HTML?
Walter
On Jul 31, 2014, at 2:04 PM, billy kimmel wrote:
So I was able to get the divs to center by adding a max-width in the extended attributes. However I still cannot put a background color on the parent div id it is center. Only if it is floated left or right.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
This example is not using the float:none, display:inline-block trick that I outlined – it’s still stuck at float:left. Look at this:
http://scripty.walterdavisstudio.com/centered.html
View source (it’s hand-coded, so the CSS is more clear). Change the browser dimensions and see how it all hangs together.
Walter
On Jul 31, 2014, at 2:16 PM, billy kimmel wrote:
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Ok that worked but wow that’s a lot of steps just to get that to happen.
Thank you for your help.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
There’s an Action to do Inline-Block, but I don’t think it’s ready for 7 at the moment. You’ll need to wait until I launch Inlay before that gets any love.
Walter
On Jul 31, 2014, at 2:58 PM, billy kimmel wrote:
Ok that worked but wow that’s a lot of steps just to get that to happen.
Thank you for your help.
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Great. Looking forward to it.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 31 Jul 2014, 6:58 pm, billy kimmel wrote:
Ok that worked but wow that’s a lot of steps just to get that to happen.
Thank you for your help.
Billy
Billy,
for exactly this reason, I teach, recommend, preach and pray using (some) more DIVs (items) to make things like these happen.
You are a Backdraft user, have you ever had a look at the Lounge (using your BD voucher)?
If - you probably remember:
The first DIV I enter, I call #section - the outermost wrapper, 100% wide (stretching all across the browser window). The second one - the first inlineDIV I call #area. This is defining the page width - and this is the one I center. In there you can start to add the three columns (in my words the grid).
Doing this - it’s just the recommended mouse-click center for #area, done.
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 31 Jul 2014, 4:47 pm, billy kimmel wrote:
I have an html div that stretches the full width of the page with fixed% setting(W) and Flexible(H). Inside of that div are 4 html divs. Inside each of those divs is a graphic box and an html box for some text.
After minding about this a lil bit more, I think there only missed the max-width (1200px for the #threeWrapper) which broke the center concept for this (and all other) backdraft modules.
Unfortunately you removed (or worked further) it meanwhile - so no chance to verify.
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Is the ‘inline block’ method Walter described, the cure for a three column row that moves under each other, when resizing a window?
I do not want to create a breakpoint because the three boxes are very readable on the iPad size screen.
Am very curious if inline block does the trick!
Guess it does, so I am gonna try it anyway…
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Yes, it’s a great solution to this problem.
Walter
On Aug 4, 2014, at 6:14 AM, Wimdg wrote:
Is the ‘inline block’ method Walter described, the cure for a three column row that moves under each other, when resizing a window?
I do not want to create a breakpoint because the three boxes are very readable on the iPad size screen.
Am very curious if inline block does the trick!
Guess it does, so I am gonna try it anyway…
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
More about Walter’s INLINE BLOCK method of centering:
http://freewaytalk.net/thread/view/8446#latest
–James Wages
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options