[Pro] Can these infinite lines be done with Freeway?

Does anyone know how to make the lines/borders that expand with the browser that break up the content on this site:

http://buckross.com/

Can Freeway do this easily?

Thanks

Peter

http://buckross.com/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you download my example document for the FreewayTalk site, you can see one way to do that. Instead of making the slices of the layout different colors, as the FreewayTalk site does, you would just put a border on one side of each of the slices (either top or bottom).

http://scripty.walterdavisstudio.com/fwtalk/fwtalk.zip

The key to this layout is a fully inline construction. It’s a little more work than the usual Freeway “draw it how you want it” approach, but the reward for that work is getting tricks like this to work at all.

Walter

On Aug 20, 2012, at 8:00 PM, peter cerrato wrote:

Does anyone know how to make the lines/borders that expand with the browser that break up the content on this site:

http://buckross.com/

Can Freeway do this easily?

Thanks

Peter

http://buckross.com/


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

Thanks Walter!

I’m having this issue…

I created a div for the footer w/ a border on top, and set that div to be 100% width to create the border that expands, figuring I can add the content on top of that div.

It works fine until I center the page, then the fluid lines stop at the edge of the set page width.

Any help would be much appreciated!

Thanks again

Peter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Right. If you look at the example document, you’ll see that its Align is set to None. The centering effect is done by creating an inline HTML box within the 100%-width outer wrapper, setting that inline box to a defined width, and setting its margin to Auto. This centers it. All of the central content is built within that inner, centered box.

Walter

On Aug 21, 2012, at 11:53 AM, peter cerrato wrote:

Thanks Walter!

I’m having this issue…

I created a div for the footer w/ a border on top, and set that div to be 100% width to create the border that expands, figuring I can add the content on top of that div.

It works fine until I center the page, then the fluid lines stop at the edge of the set page width.

Any help would be much appreciated!

Thanks again

Peter


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

That’s a ‘lightbulb’ moment for me Walter - marvellous!! I knew I was missing something very basic when trying this out.

woopwoop - happy boy!

Trev

On 21 Aug 2012, at 17:47, Walter Lee Davis wrote:

Right. If you look at the example document, you’ll see that its Align is set to None. The centering effect is done by creating an inline HTML box within the 100%-width outer wrapper, setting that inline box to a defined width, and setting its margin to Auto. This centers it. All of the central content is built within that inner, centered box.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks again walter.

I’m stuck on where to set the margins to auto on the “innerbox”?

I’m running the latest version of freeway. The example site seems to based on an old version with a different options panel.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In the example doc, click once on the inner box and look at the Inspector. The Align picker may have a - in it, meaning “I can’t make up my mind”, or it will say Custom. (not near a computer) If you select that, you should see that left and right margins are set to Auto.

In your document, make sure that your inner HTML box was added in as an inline - with the text cursor flashing in the outer box, choose Insert / HTML Item from the main menu. Unless your inner box was added precisely like that, you won’t see the Margin options I described.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter that did the trick.

So to be clear…

It seems that I would have an “outerbox” for every section of my site where I want to have the fluid bottom border.

For example, there would be a header “outerbox”, footer “outerbox”, etc…???

Or is everything on the page contained within the “outerbox”???

Thanks again :slight_smile:

Peter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Here’s how to think about it. Each element that you want to appear to have a 100% rule above or below it will either have to be 100% wide itself or contained within a 100% wide element. So it depends on your layout, whether the element you are placing vertically needs to have a defined horizontal width, or whether it is a naturally dimensioned element, like a photo or movie. If the latter, you could place the graphic box inline within the “outer box” and set the border on the outer box (and use padding on the outer box to position the border away from its contents). You would not need to have a separate inner HTML box to hold the graphic box.

Walter

On Aug 23, 2012, at 9:40 PM, peter cerrato wrote:

It seems that I would have an “outerbox” for every section of my site where I want to have the fluid bottom border.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So really the only limitation of doing this is that once you have inline objects, the it just becomes more labor intensive to position items, as opposed to in a standard freeway layout where you can just place items anywhere drag and drop.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Right. I find it useful to use a scratch layered layout to work out the way I want it to look, and then re-do that design as inline once it’s settled down. You just have to explain to your client that if they resize their browser window, it won’t look right until you “fix” it. Or send them screenshots to comment on.

The other option is to use the RPL Action, but I haven’t tried to make a 100%-wide page with that, no idea how it would go.

Walter

On Aug 24, 2012, at 10:09 AM, peter cerrato wrote:

So really the only limitation of doing this is that once you have inline objects, the it just becomes more labor intensive to position items, as opposed to in a standard freeway layout where you can just place items anywhere drag and drop.


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