Jpeg image on entire background page

Hell everyone

I would like to use a jpeg image as the entire page instead of a color. I tried and it does not stretch to fill browser. The blue scroll appears and the white background appears around the exterior of image

How can one achieve this

Thanks so much
Carla


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

do you mean like this?

http://www.quackit.com/html/codes/html_stretch_background_image_example.cfm

On 15 Jan 2009, at 16:50, Carla wrote:

I would like to use a jpeg image as the entire page instead of a color. I tried and it does not stretch to fill browser. The blue scroll appears and the white background appears around the exterior of image

David Owen
Freeway Friendly Web hosting and Domains ::

http://www.ineedwebhosting.co.uk

http://www.ineedwebhosting.co.uk/blog

David Thanks so much!

you guys are fantastic!

carla


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

I am a bit slow David

how does one achieve this


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

Hello friendly freeway advisors

so I have a jpeg image and fixed in window and that helps so now there are no more blue scrolls on page but the image does not stretch as I enlarge browser page there is white background. How can I make image stretch with page
I tried the above example as a markup item on page but of course it only works using the example image and not mine…

I learn tasks step by step with Freeway
Thanks


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

David

I tried to use the quack it but unfortunately it is too difficult for me ugh


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

Carla,

Select Page->HTML Markup
Then select After
paste the following code into the edit box

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */ html, body {height:100%; margin:0; padding:0;} /* Set the position and dimensions of the background image. */ #page-background {position:fixed; top:0; left:0; width:100%; height: 100%;} /* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */ #content {position:relative; z-index:1; padding:10px;}

Now:
Select Page->HTML Markup
Select After
paste the following code

Note: whatever link is in the http://…jpg will be the background
picture.

Note the example above is different than the example on the page David
posted:
http://www.quackit.com/html/codes/html_stretch_background_image_example.cfm

Note: A full res picture loads slowly, like my example above.

Someone may be able to tell you how to create the <div… line of
code above using native FW, not markup.

Note: the picture jpg is hard coded on the web, not managed by your FW
project.

I did a real simple test page and this worked

LLE

On Jan 15, 2009, at 6:02 PM, Carla wrote:

David

I tried to use the quack it but unfortunately it is too difficult
for me ugh


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 LLE

I will try. I also wrote to Softpress and he sent me an action called full background action… so I will try both.

fantastic


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

Hello anyone know about Full background action from Softpress… It works great as far as the background resolution (png only) but if I put graphic boxes on page for the menu
the font is different and blurry… anyone know about this glitch?

Thanks as always


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

if I put graphic boxes on page for the menu the font is different and blurry…

I haven’t seen that action and I couldn’t find it on the Softpress
site. Could you post an example of the problem page, perhaps? It is
hard to diagnose without this! :slight_smile:

k


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

Hello Keith

I fixed it. I tried using text inside a HTML box instead and it works perfectly, although the fonts are limited… its fine…
If you email me I can forward the action. It really is great and seamless no problem at all

a simple page action

ThanksC


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

if I put graphic boxes on page for the menu the font is different and blurry… anyone know about this glitch?

This could well be caused by antialiasing problems against the background image. Freeway is AAing against the page background colour because it doesnt “see” the image.

You would be better to AA against a chosen colour that predominates in your image.

BTW I would like a copy of this action as well info(at)deltadzine.com

David


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

The action was actually added the ActionsForge site:
http://actionsforge.com/projects/view/29-fit-page-to-screen


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

Hi Chucka - no this action is different to the one you are talking about.

It is called “full-background” and doesn’t resize your browser window.

David


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

Oh no, don’t use that. Please, I am actually begging. Do not monkey
with my browser window. That is evil and wrong. Design around the
problem. Get over the idea that you are in control – this is the Web.
There are random factors – and saints preserve us, IE 5, 6 and 7 to
worry about. You have much larger fish to fry here.

Seriously. IF you want your background to fit the page, make it really
big, set it as a background image (not a foreground image that you put
in the back of all the other foreground elements) and set it to
center. If the browser window is too small for the image, then it will
crop without showing any scrollbars. If it’s too big, then make the
edges fade to a solid color and set the background-color property to
match.

Walter

On Jan 16, 2009, at 7:27 PM, chuckamuck wrote:

The action was actually added the ActionsForge site:
http://actionsforge.com/projects/view/29-fit-page-to-screen


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

Oops, sounded the same on the surface. Sorry for confusion.


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

W;at

now I am confused… I was sent Full background action by the guys at softpress.

or are you talking about NOT using the above action from action forge that chuck thought was a same action?
all I can say is that I checked the full background on a few browsers and it works great.
Thanks

Carla


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

Yes, the Action Chuck was talking about (and subsequently recanted!)
messes with the end-user’s browser window geometry. Which makes me
explode…

Walter

On Jan 16, 2009, at 11:40 PM, Carla wrote:

or are you talking about NOT using the above action from action
forge that chuck thought was a same action?


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

oh thanks Walter
that was scary… I even questions the poor guys in London…
I will have to email them and take it back! Ha!

C


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

Sometime around 16/1/09 (at 21:29 -0500) Walter Lee Davis said:

Oh no, don’t use that. Please, I am actually begging. Do not monkey
with my browser window. That is evil and wrong. Design around the
problem.

Without actually contradicting the intent of Walter’s point, I would
like to point out that there are a few occasions where resizing a
browser window is a legitimate course of action. (Note the emphasis
on ‘few’.) As you might expect, for every “thou shalt” or “thou shalt
not” rule in design it is normally possible to find exceptions.

The thing to remember is that around 99.99+% of the time it will Tick
People Off if you resize their browser window… and I’m assuming you
don’t want to annoy your visitors. So if you think you do have a
good reason for resizing the window, and you’ve thought again and
cannot come up with a better approach, make sure it won’t be a
totally unexpected thing; warn the user in some way.

On occasion, for my panorama photography work, I use
full-screen-style display methods. If I am delivering the content
using QuickTime (as QTVR) then this must be done by setting the QTVR
content to scale with the browser window in some way and then making
the window scale in relation to the user’s display. This is a
legitimate reason for doing this - but if this is done to the main
window rather than the (better) popup window method the visitor
really must be warned what will happen if they click to show the
image larger/fullscreen.

These days I have more or less stopped using QuickTime (except on the
World Wide Panorama site) as the Flash alternatives have become as
good and offer many more features and tricks. And these can show
content in true full-screen mode completely independently of the
browser window… helping me design around the problem that much
more. :slight_smile:

k


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