Re: background & screen res

The problem with aol would be that they compress any graphics over a certain
screen size - this allows their users faster downloads.

You could check with someone who programs AOL-compliant pages as a matter of
course - I think the width limit on a graphic is 800px

Sorry - while that is always useful info - the following is your problem:

Your background image has a fixed width. You want to force a horizontal
scroll if someone resizes their browser, so your burnt eddge still shows as
part of the page.

There are many ways of doing this, but this is the one I would go for:

In your image editor (photoshop / whatever), cut the white space to the
right of your background image, then divide your original image into three
(left border, center background and right border) and save as three seperate
jpegs:

left, center and right

Now create a borderless table with three columns.

Make columns one and three the exact width of your border images
respectively.
Column 2 is your original width of 450px

Now put the images left and right into their cells with valign = top (be
sure not to use them as backgrounds without "nowrap" or Netscape will eat
you for breakfast.

Now specify center as your background image for the center cell and place
your images and text there as before

Hope this helped

Andy
-----Original Message-----
From: Lonna Poland <lonna(at)granbury.com>
To: hwg-graphics(at)hwg.org <hwg-graphics(at)hwg.org>
Date: Saturday, October 14, 2000 8:55 AM
Subject: background & screen res


>Hi,
>
>This isn't totally a graphics issue, but is also an HTML issue so I'm
hoping
>someone can help me out with advice on this.  I have created a page with a
>background that has both a left and right border that looks like burned
>paper edges, and a similar title banner:
>http://www.yellowroserec.com/southern1.html .  But I made the background
>1800 pix wide to make sure the left border won't repeat (at least with most
>monitors).
>
>I have had a friend with several different browsers check out the page and
>there is obviously some alignment problems.  This is what she said: "On AOL
>browser... the right "burned" edge of the paper does not show.  The
>left edge does look like burned paper.
>
>On IE 5.5...... the graphics show just fine IF the screen is full size.  On
>the minimized screen, the right side does not show, and the title fits sort
>of strangely at the top...sort of moves into the left border, if that makes
>sense to you...just doesn't blend in right.  On the maximized screen,
>everything is beautiful.
>
>On Netscape Communicator 4.72 .... identical appearance on  IE 5.5 (okay
>when maximized screen.....not okay when minimized."
>---------------------------------------------------------------------------
-
>--------------
>I'm not sure what size monitor and screen resolution she uses, but I have a
>17" monitor set at 1024x768 and I have no problems seeing the entire effect
>with a smaller window.  I never usually use my browsers at full screen
>setting.
>
>I have set the table width at 600 which should cover most monitors, but
when
>the screen width is narrowed, the title banner and text slip into the left
>border.  Can someone give me advice on how to prevent this slide-over?
>
>Thanks in advance for any suggestions....
>Lonna
>
>
>

HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA