Paint Shop Pro support - Page background image and widescreens

Author

Page background image and widescreens

Christopher Glenn

2007-11-19, 6:21 pm

My skills are quite basic; I developed and manage just my own sole
proprietor website. Having moved to widescreen monitors, I see the
darker part on the left side of my background image repeating near the
right side, i.e., the image is repeating horizontally.

I have figured out how I can fix this. I created a new background
which had the same number of vertical pixels, but I added horizontal
pixels.

I have two questions.

1. How many pixels or how wide should the background be to avoid
repeating the image across the page, considering the current highest
resolutions people use.
A. My old image is 1225 x 100 pixels or 17.01 x 1.39 inches.
It was designed for me by a professional web graphic person years ago.
B. Currently I set my new image at 1600 x 100 pixels or 22.22
x 1.39 inches. I simply created a new white background image and
pasted my old jpg along the left edge (surprised it worked so
easily!).

2. Are there any implications for people viewing my site who do not
use widescreens and/or high resolutions? I mean, might some web
browsers produce horizontal scroll bars and cause all the text to cram
towards the left side? Or something else about which I am unaware?

Thank-you.

Trev

2007-11-19, 6:21 pm

Christopher Glenn wrote:
> My skills are quite basic; I developed and manage just my own sole
> proprietor website. Having moved to widescreen monitors, I see the
> darker part on the left side of my background image repeating near the
> right side, i.e., the image is repeating horizontally.
>
> I have figured out how I can fix this. I created a new background
> which had the same number of vertical pixels, but I added horizontal
> pixels.
>
> I have two questions.
>
> 1. How many pixels or how wide should the background be to avoid
> repeating the image across the page, considering the current highest
> resolutions people use.
> A. My old image is 1225 x 100 pixels or 17.01 x 1.39 inches.
> It was designed for me by a professional web graphic person years ago.
> B. Currently I set my new image at 1600 x 100 pixels or 22.22
> x 1.39 inches. I simply created a new white background image and
> pasted my old jpg along the left edge (surprised it worked so
> easily!).
>
> 2. Are there any implications for people viewing my site who do not
> use widescreens and/or high resolutions? I mean, might some web
> browsers produce horizontal scroll bars and cause all the text to cram
> towards the left side? Or something else about which I am unaware?
>
> Thank-you.

The benifits of css are that you can say no repeat

body {
background-color: #202020;
background-image: url(images/trevbow.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 100px;
color: White;
}

Read up on adding styles at W3C http://www.w3.org/

--
Trev
You can always tell a Yorkshire man,
But you can't tell him much.

Christopher Glenn

2007-11-21, 3:16 am

On Mon, 19 Nov 2007 20:03:39 -0000, "Trev"
<trevbowdenAT.dsl.pipex.COM> wrote:

>Christopher Glenn wrote:
>
>The benifits of css are that you can say no repeat
>
>body {
>background-color: #202020;
>background-image: url(images/trevbow.gif);
>background-repeat: no-repeat;
>background-position: top left;
>margin: 100px;
>color: White;
>}
>
>Read up on adding styles at W3C http://www.w3.org/

Trev, thanks for the reply. I really don't have the time to expand my
skills at this time. I'm hoping I can get an answer, however.

JoeB

2007-11-21, 6:18 pm

Christopher Glenn <x@y.z> wrote in
news:1s87k3pqhbog0nbo9t3hmqfbhjbihf08p3@4ax.com:

> On Mon, 19 Nov 2007 20:03:39 -0000, "Trev"
> <trevbowdenAT.dsl.pipex.COM> wrote:
>
the[color=darkred]
ago.[color=darkred]
cram[color=darkred]
>
> Trev, thanks for the reply. I really don't have the time to expand my
> skills at this time. I'm hoping I can get an answer, however.

If this is just the background image of your page as set in the <body>
tag, the people with lower resolution monitor settings will not see the
right hand edge of the image. It will have no effect on text or
anything like that. Web browsers don't create scrollbars because of the
size of the background image, they only show as much of it as can be
shown given the screen resolution and that's all (or repeat, as you have
noticed, if the image isn't large enough).

Regards,

JoeB

Christopher Glenn

2007-11-21, 6:18 pm

<SNIP>
>
>If this is just the background image of your page as set in the <body>
>tag, the people with lower resolution monitor settings will not see the
>right hand edge of the image. It will have no effect on text or
>anything like that. Web browsers don't create scrollbars because of the
>size of the background image, they only show as much of it as can be
>shown given the screen resolution and that's all (or repeat, as you have
>noticed, if the image isn't large enough).
>
>Regards,
>
>JoeB

Thanks Joe! I've just got color along the left margin, over the
specific page links, with white all the way to the right margin, so
I'll just up the horizontal pixels to something absurd, like 5000.

CMG