Centering site in browser

Can anyone please tell me if my document size is too large to accurately display my site in the browser?
I made each page 2150 x 1200 so I can avoid clipping of the background images on each size when diplayed on a larger browser. Thanks! Cory


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

Sorry… forgot to include url…
http://coryfalter.com/
Thanks again! Cory


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

Way too big. I usually leave a site that I have to scroll side to side
just to see.
My display is only 1280 x 1024.
Then you add the frame and tool bar.

Dave

On Dec 8, 2009, at 9:21 PM, Cory Falter wrote:

Can anyone please tell me if my document size is too large to
accurately display my site in the browser?
I made each page 2150 x 1200 so I can avoid clipping of the
background images on each size when diplayed on a larger browser.
Thanks! Cory


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

As Dave said the dimensions are massive. Try replacing your blue
wooden background for a repeatable region that you can tile over the
browser area regardless of the size. Also consider cutting the panel
and chain away from the background and save this as a 24-bit PNG (with
transparency) so this can float above the page background. Like this;
http://www.freewayactions.com/test/wood-doors/
This stops the browser treating the background image as part of the
page content and avoids showing the scroll bars where they aren’t
needed.
Even on my example the images weigh in at over 730K which will prevent
anyone but the most dedicated viewer who isn’t on a fast connection to
go elsewhere. Also consider the impact of the design on the how the
page will perform for your audience. If they are on dial-up you won’t
have an audience at all if they can’t load the page quickly.
Regards,
Tim.

On 9 Dec 2009, at 05:21, Cory Falter wrote:

Can anyone please tell me if my document size is too large to
accurately display my site in the browser?
I made each page 2150 x 1200 so I can avoid clipping of the
background images on each size when diplayed on a larger browser.
Thanks! Cory

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


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

Hi Cory,

Just to back up what Dave says, as a site visitor, rather than a site designer, I also am very inclined to rapidly move away from any site which scrolls sideways. Much as I love your antique wood panels, and even tho’ my display is 1920 wide, I would still have to scroll sideways to view all of your page. My own two basic business sites, which arguably could now be widened, are based on a tileable background, but still centered to a 1000 width with most of the text and graphics no more than 800 wide, thus allowing for full viewing on 1024 x 960 displays, or less. Like you, I would like to go for much wider pages, but I’d rather not lose potential visitors thereby.

Just my 2ps worth

Neil,

On 9 Dec 2009, at 05:21, Cory Falter wrote:

Can anyone please tell me if my document size is too large to accurately display my site in the browser?
I made each page 2150 x 1200 so I can avoid clipping of the background images on each size when diplayed on a larger browser. Thanks! Cory


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 for all the help guys…
Tim, that’s exactly that I was looking for, however, still having to scroll when I separate the panel / chain image and float it on top of the blue wood background. Did you do something different besides just stripping them apart. It’s almost there, but still not centering my content directly in the middle of the scroll bars.
btw - I really don’t want a repeating pattern and not too concerned with those on dial-up since most of my potential visitors are very tech-savy and have moved away from a slow connect
Thanks again., Cory


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

Hi Tim,
I can’t seem to figure this deal out… darn it.
I’ve separated the images, but I can’t figure out how to “float” the panel / chain image on the background so it doesn’t combine it with the background. I created a 24-bit PNG of the panel / chain graphic and placed it on the background and I can’t seem to get those images to jive.
The solution you posted was perfect and was hoping you may be able to shed a little more light on how you did it?
Thanks, Cory


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

Hi Cory,
Take your background image of the blue wooden panels and add this to
the page background using the Background image control in the
Inspector palette. Select the image and set Horizontal to center and
Vertical to top. Check the Background scrolls checkbox.
Draw an html item on your page and set the background of this item to
your panel image. size the box to the size of the image (mine was
1104px by 750px).
Set the page alignment to center (again in the inspector palette) and
you should be set.
Placing the panel image in the background of the html item means that
you can populate the box with text or other content and have this
displayed over the top of the panel image.
Regards,
Tim.

On 9 Dec 2009, at 16:17, Cory Falter wrote:

Hi Tim,
I can’t seem to figure this deal out… darn it.
I’ve separated the images, but I can’t figure out how to “float” the
panel / chain image on the background so it doesn’t combine it with
the background. I created a 24-bit PNG of the panel / chain graphic
and placed it on the background and I can’t seem to get those images
to jive.
The solution you posted was perfect and was hoping you may be able
to shed a little more light on how you did it?
Thanks, Cory

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


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

Sometime around 9/12/09 (at 11:35 +0000) Neil Carter said:

I also am very inclined to rapidly move away from any site which
scrolls sideways.

Although I agree with you Neil, do take a look at
odd objects (one of a kind) gallery - a site that has a
bit of gentle and creative fun with this concept. Made in Freeway,
too. :slight_smile:

I know this guy very well… I wore that flashing jacket
(flashing dinner jacket) to a black tie
function once. Great fun!

k


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

Sometime around 9/12/09 (at 11:17 -0500) Cory Falter said:

I’ve separated the images, but I can’t figure out how to “float” the
panel / chain image on the background so it doesn’t combine it with
the background.

A page background graphic is a very different thing to a graphic in
a box on your page.

Think of a page background graphic as being more like using
preprinted stationery. It is part of the page’s own background, not
an object you can select.

You need to prepare your image appropriately (get the scale right for
starters) and then apply it by going to the Inspector palette, the
page appearance panel, and setting the background image from there.

Then set the horizontal behaviour from Tile to Center, and then
switch tabs in the Inspector palette and set your page’s alignment to
be Center as well.

k


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

Keith and Tim,
Thanks again for all your help… man, it’s still got me stumped. I’ve got the blue wood background placed as my 2150 x 1200 background, but then I go to place my panel / chain graphic on top as an html item (pass through graphic) it shows as a “plug-in” and when previewed I simply get the plug-in icon. Sorry for the hassle… I’ve never had so much difficulty in Freeway before. Any more suggestions?
Maybe I should also ask what would be the maximum size I should make my background image… I still want to avoid having clipping on each side by viewers with large monitors.
Thanks! Cory


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

it shows as a “plug-in”

Have you used a tiff or an eps for your pass-through?

David


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

David, I did not… I was placing a transparent BNG file on top of my background per Tim.
However, I can’t see how you would use a “pass through” html file since you can’t modify it once imported and I need to add content on top of these placed graphics…
However, I think I just solved my issue…
The key I found is NOT to make your document size too large forcing scroll bars… make your background image as large as you want, center it and background image will stretch… have a looks-see. Thanks
http://coryfalter.com/


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

Yes but the centre graphic is not centred in any less than a 1600px browser width window.

David


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

I’ve got the blue wood background placed as my 2150 x 1200 background

So that works as a regular, proper page background image, right? You
can’t select it on the page? Cool.

then I go to place my panel / chain graphic on top as an html item
(pass through graphic) it shows as a “plug-in”

First of all, try not using pass-through. Tht is a perfectly valid
way to work, but it does mean you have a little less freedom within
your Freeway layout AND you have to prepare your images yourself
externally.

Second, what image format is that graphic? Pass-through images must
be web-safe formats; JPEG, GIF or PNG. Normal (non-pass-through)
images can be anything that Freeway can read, which is most stuff, as
it will convert things to web-ready formats for you, automatically.

Maybe I should also ask what would be the maximum size I should make
my background image… I still want to avoid having clipping on each
side by viewers with large monitors.

How big is the largest monitor you want to support?

Also, how big will someone really make a web page on a huge
display? I’m sure the vast majority of web pages would look pretty
poor in a browser stretched to fill a screen even near 2000px wide.
You could be forcing all your site visitors to suffer a
larger-than-necessary image download in order to support something
that might never be an issue…

k


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

Hi Cory,
If you are still having problems download and have a play with the
Freeway 5 pro file I made earlier;
http://www.freewayactions.com/test/wood-doors/cory.zip
I hope it helps.
Regards,
Tim.

On 9 Dec 2009, at 22:42, Cory Falter wrote:

David, I did not… I was placing a transparent BNG file on top of
my background per Tim.
However, I can’t see how you would use a “pass through” html file
since you can’t modify it once imported and I need to add content on
top of these placed graphics…
However, I think I just solved my issue…
The key I found is NOT to make your document size too large forcing
scroll bars… make your background image as large as you want,
center it and background image will stretch… have a looks-see.
Thanks
http://coryfalter.com/

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


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

Guys,

Thanks again for the help… I figured out that you need to prepare a transparent PNG in the web / device function in Photoshop, so I have that figured out. Still working on having that top (pass through) graphic “float” and move independent of the background.
One last question… is there a size that my overall document size is too big?.. I thought my art would simply display in center with a lot of extra area (you would not see) on either side?..
This file should certainly help to investigate the situation.
Let me chew on this a bit a give a report back.
Thanks again for all the help.


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

Sometime around 9/12/09 (at 18:39 -0500) Cory Falter said:

I figured out that you need to prepare a transparent PNG in the web
/ device function in Photoshop

OR… just save your native Photoshop PSD with the transparency as
desired, and then import that NOT as a pass-through into your layout.

If you want transparency in the final output you’ll need to set the
Freeway output for that graphic from JPEG (what it probably defaulted
to) to PNG set to millions of colours.

Basically, at this stage, ditch the pass-throughs. Come back to that
once you’ve explored how to get things working the other way for a
while.

is there a size that my overall document size is too big?.. I
thought my art would simply display in center with a lot of extra
area (you would not see) on either side?.

Your page will be published as having a specific width in the
browser. If the window is wider than that it will be centered
within that space. If the browser window is narrower then it will
not be able to center itself properly.

Make your page in the more normal 800-950px width area and see how
that works out.

k


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

by George… I think I’ve got it… how’s this?

http://coryfalter.com/

Essentially both images are treated as backgrounds… that’s what threw me off.
Also, I guess making your document size close to your live area… the background image you use will stretch to accommodate any width as long as the image your using is large.
Thanks for the hand holding… it really means a lot!
I’m sure I’ll be back here sometime soon with another issue.
Cory


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

Looking good but the chain image is pretty big at over 1Mb

Tim’s version was 1104 × 750 and 606Kb whereas yours is 2150 × 1200 so you can save quite a bit there.

D


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