FrontPage Programming - splash page auto-fit picture

Author

splash page auto-fit picture

deech

2006-09-04, 6:34 am

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

2006-09-04, 6:29 pm

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.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/

"deech" <deech@discussions.microsoft.com> wrote in message
news:15CBBD69-1FA4-4396-B7AD-5ED5D9524DE5@microsoft.com...
> 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?

deech

2006-09-04, 10:38 pm

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" wrote:

> 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.
> --
> Ron Symonds - Microsoft MVP (FrontPage)
> Reply only to group - emails will be deleted unread.
> FrontPage Support: http://www.frontpagemvps.com/
>
> "deech" <deech@discussions.microsoft.com> wrote in message
> news:15CBBD69-1FA4-4396-B7AD-5ED5D9524DE5@microsoft.com...
>
>
>

Ronx

2006-09-05, 6:39 pm

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.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/

"deech" <deech@discussions.microsoft.com> wrote in message
news:6492BF75-D39E-4274-9863-1C4A18FBE032@microsoft.com...[color=darkred]
> 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" wrote:
>

deech

2006-09-12, 10:47 pm

Cool,

thanks for the advice

Deech

"Ronx" wrote:

> 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.
> --
> Ron Symonds - Microsoft MVP (FrontPage)
> Reply only to group - emails will be deleted unread.
> FrontPage Support: http://www.frontpagemvps.com/
>
> "deech" <deech@discussions.microsoft.com> wrote in message
> news:6492BF75-D39E-4274-9863-1C4A18FBE032@microsoft.com...
>
>
>