splash page auto-fit picture

[deech]

Hi,

I'm new to frontpage and am playing around with a few things. I have worked
out that to enable a webpage to auto fit to different browsers and
resolutions I need to create a table and then set the width to 100%. No
worries there.

What I really want to do is create a splash page where the main cell of the
table is occupied by a full size picture. Is there a way to format the cell
to contain the picture, and have the picture autofit along with the table
cell?

So far I have worked out that if I just insert a picture the way I am doing
it, it will not autofit....it just stays the same size at different
resolutions. The other thing I have tried is to set the background with my
picutre, but depending on the picture size, there is overlapping/repetition
when viewed on higher resolutions.

The thing I have done which does seem to work is edit my picture into a jpg
file to fill up the table cell (1223 x 614 pixels) on a screen at the highest
resolution (1280 x 1024). This means that the picture works on the highest
rez, and also looks OK at the lower resolutions (although it does seem to cut
some of the picture out). Is this the way it should be done, or is there
another way which won't cut out any of the picture at lower resolutions?

 

[Ronx]

The best way is to not use a splash page. Most people visit a web site to
get information, not to find an obstacle in the way. A splash page will
also not help at all with Search Engines.

If you must have a splash page, then set a background colour for the page
that is a close match to the edges of the picture. Place the picture as a
background image to a centred table, no borders.
The table should be sized for the smallest browser width your visitors will
have - aim at 760px for an 800x600 browser, and the image dimensioned to
suit.
A large image will take for ever to download - a major obstacle if you want
visitors to stay.

Also remember, many internet users open their browser to a small window,
not to full screen. And 25% still use 800x600 as screen resolution.

 

[deech]

Thanks for that,

going by your instructions it looks like I am not setting the table to 100%
to autofit different resolutions, but rather setting it to an 800x600
resolution size.

It also looks like the answer is "no" I cannot get the picture to autofit
along with a table that is set to 100% width.

If I'm right, doing what you suggest will allow my picture to remain the
same size and centered on the higher resolution screens with a background
colour that blends in with it. That is not a bad suggestion, but can I not do
what I want?

 

[Ronx]

No
If you try to autofit an image, it will be severely distorted, or take an
age to download, or most likely both.
You can set the width of the image to 100% - but it will look disgusting in
any browser width other than the images natural size - unless the image has
no form, example a gradient or plain colour block. You cannot dimension
the image if it is a background image, so any text that goes over it will
have to be added using absolute positioning - yet another problem unless
done properly, and difficult with variable window sizes in mind.

 

[deech]

Cool,

thanks for the advice

Deech

No
If you try to autofit an image, it will be severely distorted, or take an
age to download, or most likely both.
You can set the width of the image to 100% - but it will look disgusting in
any browser width other than the images natural size - unless the image has
no form, example a gradient or plain colour block. You cannot dimension
the image if it is a background image, so any text that goes over it will
have to be added using absolute positioning - yet another problem unless
done properly, and difficult with variable window sizes in mind.