screen width

Hey guys, I have a question about screen width…

I think most people know when you have a browser open and then you make the browser smaller, the content squeezes automatically to fit itself inside the new browser size.

How does one make this possible using Freeway or is it not possible? Thanks.

And any feedback for my site, <a href=target=“new”>baseball-intellect.com , would be appreciated as well. Thanks.


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

Sometime around 5/4/08 (at 18:36 -0400) Alex Eisenberg said:

And any feedback for my site, <a
href=target=“new”>baseball-intellect.com , would be appreciated
as well. Thanks.

Don’t try anything fancy when making a link in a post here. PLEASE
just include the http:// that you see in your browser. In fact, the
simplest thing to do is visit in a browser and then copy out the
address from there.

BTW, you’ve squashed that animated GIF in the box on your page. How
did you put it into your site? You should draw a graphic box and
import it to that, or just drag and drop it from the Finder into your
page.

k


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

On 5 Apr. 2008, 10:50 pm, thatkeith wrote:

Sometime around 5/4/08 (at 18:36 -0400) Alex Eisenberg said:

And any feedback for my site, , would be appreciated
as well. Thanks.

Don’t try anything fancy when making a link in a post here. PLEASE
just include the http:// that you see in your browser. In fact, the
simplest thing to do is visit in a browser and then copy out the
address from there.

http://baseball-intellect.com

BTW, you’ve squashed that animated GIF in the box on your page. How
did you put it into your site? You should draw a graphic box and
import it to that, or just drag and drop it from the Finder into your
page.

k

Sorry, during the preview it didn’t look like it was linking so thought you may have had to code the link in.

For the gif file, it is only temporary as it will be replaced once the next featured article goes up. What I usually do is drag the animation into my page and then copy and paste it into the content.

But do you know what needs to be done so one could make the browser smaller and subsequently make the content squeeze together with it, which would allow the sidebar to remain visible?

I’m not sure I’m explaining it correctly…this link should explain it better:

http://ezinearticles.com/?10-Ways-to-Better-AdSense-Earnings&id=1022884

If you click it and then make your browser smaller, you’ll see the content gets tighter, but the sidebar remains the same size and moves as you make the browser smaller.

Is there any way to do that?


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

What you are describing is called a “liquid” or “fluid” layout. If
you create your layout using percentage widths for elements (or if
you check the “width can grow” checkbox in the Inspector, you will
see the behavior you are looking for. This has been possible in
Freeway since version 2.

Walter

On Apr 5, 2008, at 9:52 PM, Alex Eisenberg wrote:

On 5 Apr. 2008, 10:50 pm, thatkeith wrote:

Sometime around 5/4/08 (at 18:36 -0400) Alex Eisenberg said:

And any feedback for my site, , would be appreciated
as well. Thanks.

Don’t try anything fancy when making a link in a post here. PLEASE
just include the http:// that you see in your browser. In fact, the
simplest thing to do is visit in a browser and then copy out the
address from there.

http://baseball-intellect.com

BTW, you’ve squashed that animated GIF in the box on your page. How
did you put it into your site? You should draw a graphic box and
import it to that, or just drag and drop it from the Finder into your
page.

k

Sorry, during the preview it didn’t look like it was linking so
thought you may have had to code the link in.

For the gif file, it is only temporary as it will be replaced once
the next featured article goes up. What I usually do is drag the
animation into my page and then copy and paste it into the content.

But do you know what needs to be done so one could make the browser
smaller and subsequently make the content squeeze together with it,
which would allow the sidebar to remain visible?

I’m not sure I’m explaining it correctly…this link should explain
it better:

http://ezinearticles.com/?10-Ways-to-Better-AdSense-
Earnings&id=1022884

If you click it and then make your browser smaller, you’ll see the
content gets tighter, but the sidebar remains the same size and
moves as you make the browser smaller.

Is there any way to do that?


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

Sometime around 5/4/08 (at 21:52 -0400) Alex Eisenberg said:

Sorry, during the preview it didn’t look like it was linking so
thought you may have had to code the link in.

Don’t worry, easy mistake to make. Just make certain that any URL you
use here - or in most places for that matter - includes the protocol,
http:// in the case of web links, ftp:// for FTP URLS, mailto: for
emails, etc. That will make sure they are recognised as hyperlinks by
pretty much any software that people use to view these Freewaytalk
conversations.

(And as many of use subscribe by email so we don’t need to remember
to check the site AND can browse while offline, it means we see
clickable links regardless of what email client we use.)

For the gif file, it is only temporary as it will be replaced once
the next featured article goes up. What I usually do is drag the
animation into my page and then copy and paste it into the content.

Drag and then copy/paste? I’m not sure I understand. The normal
process is to import (File > Import) or drag and drop from the Finder
to your Freeway page. I’m not certain, but it sounds like you have a
slightly odd workflow. Certainly, it isn’t normally possible to end
up with squashed graphics! :slight_smile:

But do you know what needs to be done so one could make the browser
smaller and subsequently make the content squeeze together with it,
which would allow the sidebar to remain visible?

As Walter says, using the ‘width can grow’ option (found in the
Inspector palette) or by typing percentage widths and/or heights into
the Dimensions fields (again, in the Inspector palette) will do this.

But make sure that your page isn’t centered. Object scaling in the
browser relies on the objects being able to relate their size and
positions relative to the browser window. But the process of
centering a layout means items can’t also change size or position in
that way.

Draw out three boxes in your page, one on the left, one in the middle
and one onthe right. Give them fill colours so you can see them
clearly.

If you’re using Freeway Pro make each of them NOT layered (uncheck
the Layer checkbox in the Inspector palette).

Click the ‘Width Can Grow’ checkbox for the middle box, and in the
Dimensions panel (in the Inspector once more) click the Right Inset
button for the right-most box.

Preview. Change the size of your browser window. Stretchy goodness!

Note the subtle difference that you get if the left and middle boxes
are the same height and vertical position on the page, and then if
you move one of those boxes so it is not the same height or vertical
location. This is because of the invisible underlying table structure
that’s being built to reproduce your design in the browser.

Now, for those with Freeway Pro, select each item in turn and make it
a layered object. (Inspector palette, remember? :slight_smile: The Width Can
Grow option is only for non-layered objects, BUT you can use the
Dimensions controls instead.

Select the middle object and look in the Dimensions panel. Click the
Right Inset button so it is highlighted - that makes its right edge
relative to the right edge of the page in Freeway, and the browser
window when viewed in a browser.

You’ll need to click the left inset button now, so that the left and
the right insect buttons are ‘clicked’, with the middle one
‘unclicked’. (I’d say highlighted, but they actually get darker when
they’re active… :wink:

This means the left edge is pinned relative to the left of the
page/browser window and the right is pinned relative to the right.

Make sure the right-most box is set so the width and right inset
boxes are active.

Preview. More stretchy goodness!

How did it go?

k


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

waltd and thatkeith, thanks for the replies. I’ll try your advice out.

thatkeith, as for the gif animation, if I need to place it in the content as part of the text, I copy and paste it.

But for that one specific animation, I just didn’t feel like adjusting the rest of my design to fit the full animation into its slot. So it doesn’t overlap, I just make it smaller, though it does make it a little squashed. Its only there for a couple days and is just a teaser for people to click on the link.


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

Oh, and the screen width I’ll try when I have to create new content. I already have a few articles ready to go so I won’t need to adjust the settings until I produce more content. But if there are any problems, I’ll let you guys know. Thanks!!


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