I want a page where I can have both an item with maximum width and a separete item that stays centered. Perhaps like the Exhibeo page. Therefore:
a) how do I centre an item on a page where the page alignment is set to ‘none’. OR alternatively:
b) how do I have an item that stretches to the width of the browser on a page where the page alignment is set to ‘center’.
Thank you.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On Feb 3, 2013, at 1:11 PM, John Cooper wrote:
I want a page where I can have both an item with maximum width and a separete item that stays centered. Perhaps like the Exhibeo page. Therefore:
a) how do I centre an item on a page where the page alignment is set to ‘none’. OR alternatively:
Draw a single HTML box the size of your page, set its width to 100% (type that value in, which will override the native dimensions in pixels). Double-click inside it, and use Insert/HTML Item to add an inline child item. Click once on that 100px square box, make it the size of your centered element, and build your centered content within it or on top of it (click once on it, choose a drawing tool, draw an element directly over the inline element – its border glows blue while you are drawing to indicate that it is the parent). Click once on that inline element, set its margin to Auto. That will center it in the page.
b) how do I have an item that stretches to the width of the browser on a page where the page alignment is set to ‘center’.
There’s another trick to this that can make it appear as if you have a centered page with full-width elements – using a horizontally-tiling background image. A carefully-crafted image can make an element appear to stretch to the full width of the browser, even when your page is fixed-width and centered in the usual Align:Center Freeway method. The catch to this is that the full-width element will have to be a defined distance from the top of the page, so this trick works great for elements like page headers or other elements that you will always place at the same offset from the top of the screen. For elements like footers that are driven down the page by varying amounts of content, you have to use the technique above.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank you Walter. Re your first option, I had been creative enough to think of an inline child item as wide as the page - but (as your solution alluded to) I had managed only to make the text centered. How do I make it left aligned like the Exhibeo page?
[Incidentally I believe this problem solved by Freeway 6’s maximum width page setting, correct?]
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Not unless you also set the maximum width to 100%. I just fooled around with that, and it would work for wider pages that you wanted to allow to shrink on smaller screens, for the “fluid” layout method, but it wouldn’t give you the “fit any screen” look you are going for.
Walter
On Feb 3, 2013, at 1:36 PM, John Cooper wrote:
[Incidentally I believe this problem solved by Freeway 6’s maximum width page setting, correct?]
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Then how does the Exhibeo page have that centered text aligned left?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
It’s in a container element. Draw an HTML box, set it to 100% width (on your Align: None page). Double-click inside that box so you see a flashing text cursor. Insert / HTML Item. Drag that out to your desired “page” width, set Margin to Auto. Double-click inside that inline box, type a bunch of text, aligned left (default). Preview. You should see what you’re looking for.
Walter
On Feb 3, 2013, at 2:11 PM, John Cooper wrote:
Then how does the Exhibeo page have that centered text aligned left?
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
Here’s an archive containing the same 1-page document in Freeway 5.6 and Freeway 6. This shows the centered fixed-width page effect with the appropriate settings for each version.
http://scripty.walterdavisstudio.com/centered.zip
Walter
On Feb 3, 2013, at 1:36 PM, John Cooper wrote:
Thank you Walter. Re your first option, I had been creative enough to think of an inline child item as wide as the page - but (as your solution alluded to) I had managed only to make the text centered. How do I make it left aligned like the Exhibeo page?
[Incidentally I believe this problem solved by Freeway 6’s maximum width page setting, correct?]
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 Walter, thanks!
Confess I didn’t know about the Auto setting for Margins, and I don’t think FW tells us anything about it – not that I can find. Anyway thanks, again.
[I do hope your being paid for this…]
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options