Right justify background image in FP98?

G

Guest

I want to place a tall background image that is flush right on my webpage and
doesn't tile across the page. After running a search on backgrounds and
tiling and reading numerous related threads here, I still haven't quite found
(or understood) the answer that I'm looking for.

I don't want my background tiled. So in Photoshop, I took my image (of a
person) and added blank canvas to the left side of the image. Now when I
place it on my webpage as a background, it takes up enough space to not
appear tiled and my text runs over the white space on the left 2/3 of the
page while the image stays stationary. That's exactly what I want.

However, depending on whose computer views the page, substantial portions of
the right edge of the person in the image get chopped off, as if the
background is centered. How do I right justify my background image so that
any computer will view the entire right side of the image? (And let the white
space bleed off to the left into the sunset.) I've experimented with the
canvas size of the image but with inconsistent results. BTW, I don't want to
reduce the actual image size, since this results in a measure of distortion
that I don't like.

Perhaps I'm going about this all wrong and need to place only the image
itself to the right of the page with no added canvas to the left, just white
background color, but I can't figure out how to right justify the background
image to do this. I'm using FP98, which I realize is older. But it's all I've
got at the moment.

Thank you kindly in advance for any and all suggestions. I greatly
appreciate all those who donate their time and knowledge to help people like
myself.
 
M

Murray

Use CSS -

body { background-image:url(foo.gif); background-repeat:no-repeat;
background-position:top right; }

But remember, if your background image is 800px wide, and my browser
viewport is only 500 px wide, the image will be truncated. There is nothing
you can do about this other than to plan better and not use such a large
image....
 
?

=?Windows-1252?Q?Rob_Giordano_\=28Crash_Gordon=AE\

To the right is infinity.

I'm not quite sure you could do this with bg image. It'd be easier if you used a table to hold your right image...either fixed width table, or if you're good with math, a collapsing table design.

You want to design for a 750px width that will allow viewers with res set at 800-600 to see without scrolling left right.


| I want to place a tall background image that is flush right on my webpage and
| doesn't tile across the page. After running a search on backgrounds and
| tiling and reading numerous related threads here, I still haven't quite found
| (or understood) the answer that I'm looking for.
|
| I don't want my background tiled. So in Photoshop, I took my image (of a
| person) and added blank canvas to the left side of the image. Now when I
| place it on my webpage as a background, it takes up enough space to not
| appear tiled and my text runs over the white space on the left 2/3 of the
| page while the image stays stationary. That's exactly what I want.
|
| However, depending on whose computer views the page, substantial portions of
| the right edge of the person in the image get chopped off, as if the
| background is centered. How do I right justify my background image so that
| any computer will view the entire right side of the image? (And let the white
| space bleed off to the left into the sunset.) I've experimented with the
| canvas size of the image but with inconsistent results. BTW, I don't want to
| reduce the actual image size, since this results in a measure of distortion
| that I don't like.
|
| Perhaps I'm going about this all wrong and need to place only the image
| itself to the right of the page with no added canvas to the left, just white
| background color, but I can't figure out how to right justify the background
| image to do this. I'm using FP98, which I realize is older. But it's all I've
| got at the moment.
|
| Thank you kindly in advance for any and all suggestions. I greatly
| appreciate all those who donate their time and knowledge to help people like
| myself.
 
W

Wes

Why does it have to be a background?

1. Place the image on a page, and in picture properties select Wrapping
Style *right*. Or

2. Put it in a right shared border.
 
G

Guest

Wow, you guys are awesome!! Thank you very much for taking the time to offer
me three cool ideas to work with, Murray, Rob and Wes. I will work with all
three and see what I can come up with.

Thanks again!
 
B

Bob Lehmann

To the right is infinity.
Whoa, that's heavy dude. :>)

Bob Lehmann

in message To the right is infinity.

I'm not quite sure you could do this with bg image. It'd be easier if you
used a table to hold your right image...either fixed width table, or if
you're good with math, a collapsing table design.

You want to design for a 750px width that will allow viewers with res set at
800-600 to see without scrolling left right.


| I want to place a tall background image that is flush right on my webpage
and
| doesn't tile across the page. After running a search on backgrounds and
| tiling and reading numerous related threads here, I still haven't quite
found
| (or understood) the answer that I'm looking for.
|
| I don't want my background tiled. So in Photoshop, I took my image (of a
| person) and added blank canvas to the left side of the image. Now when I
| place it on my webpage as a background, it takes up enough space to not
| appear tiled and my text runs over the white space on the left 2/3 of the
| page while the image stays stationary. That's exactly what I want.
|
| However, depending on whose computer views the page, substantial portions
of
| the right edge of the person in the image get chopped off, as if the
| background is centered. How do I right justify my background image so that
| any computer will view the entire right side of the image? (And let the
white
| space bleed off to the left into the sunset.) I've experimented with the
| canvas size of the image but with inconsistent results. BTW, I don't want
to
| reduce the actual image size, since this results in a measure of
distortion
| that I don't like.
|
| Perhaps I'm going about this all wrong and need to place only the image
| itself to the right of the page with no added canvas to the left, just
white
| background color, but I can't figure out how to right justify the
background
| image to do this. I'm using FP98, which I realize is older. But it's all
I've
| got at the moment.
|
| Thank you kindly in advance for any and all suggestions. I greatly
| appreciate all those who donate their time and knowledge to help people
like
| myself.
 
?

=?Windows-1252?Q?Rob_Giordano_\=28Crash_Gordon=AE\

Well...it's troo isn't it?...If you scroll far enough to the right will you appear on the left? ... and how long will it take ?

wooooo....


| >> To the right is infinity.
| Whoa, that's heavy dude. :>)
|
| Bob Lehmann
|
| in message | To the right is infinity.
|
| I'm not quite sure you could do this with bg image. It'd be easier if you
| used a table to hold your right image...either fixed width table, or if
| you're good with math, a collapsing table design.
|
| You want to design for a 750px width that will allow viewers with res set at
| 800-600 to see without scrolling left right.
|
|
| | | I want to place a tall background image that is flush right on my webpage
| and
| | doesn't tile across the page. After running a search on backgrounds and
| | tiling and reading numerous related threads here, I still haven't quite
| found
| | (or understood) the answer that I'm looking for.
| |
| | I don't want my background tiled. So in Photoshop, I took my image (of a
| | person) and added blank canvas to the left side of the image. Now when I
| | place it on my webpage as a background, it takes up enough space to not
| | appear tiled and my text runs over the white space on the left 2/3 of the
| | page while the image stays stationary. That's exactly what I want.
| |
| | However, depending on whose computer views the page, substantial portions
| of
| | the right edge of the person in the image get chopped off, as if the
| | background is centered. How do I right justify my background image so that
| | any computer will view the entire right side of the image? (And let the
| white
| | space bleed off to the left into the sunset.) I've experimented with the
| | canvas size of the image but with inconsistent results. BTW, I don't want
| to
| | reduce the actual image size, since this results in a measure of
| distortion
| | that I don't like.
| |
| | Perhaps I'm going about this all wrong and need to place only the image
| | itself to the right of the page with no added canvas to the left, just
| white
| | background color, but I can't figure out how to right justify the
| background
| | image to do this. I'm using FP98, which I realize is older. But it's all
| I've
| | got at the moment.
| |
| | Thank you kindly in advance for any and all suggestions. I greatly
| | appreciate all those who donate their time and knowledge to help people
| like
| | myself.
|
|
 
T

Tom Pepper Willett

If you're a politician, it will only take until you need it in the next
election ;-)

Tom
in message Well...it's troo isn't it?...If you scroll far enough to the right will you
appear on the left? ... and how long will it take ?

wooooo....


| >> To the right is infinity.
| Whoa, that's heavy dude. :>)
|
| Bob Lehmann
|
| in message | To the right is infinity.
|
| I'm not quite sure you could do this with bg image. It'd be easier if you
| used a table to hold your right image...either fixed width table, or if
| you're good with math, a collapsing table design.
|
| You want to design for a 750px width that will allow viewers with res set
at
| 800-600 to see without scrolling left right.
|
|
| | | I want to place a tall background image that is flush right on my
webpage
| and
| | doesn't tile across the page. After running a search on backgrounds and
| | tiling and reading numerous related threads here, I still haven't quite
| found
| | (or understood) the answer that I'm looking for.
| |
| | I don't want my background tiled. So in Photoshop, I took my image (of a
| | person) and added blank canvas to the left side of the image. Now when I
| | place it on my webpage as a background, it takes up enough space to not
| | appear tiled and my text runs over the white space on the left 2/3 of
the
| | page while the image stays stationary. That's exactly what I want.
| |
| | However, depending on whose computer views the page, substantial
portions
| of
| | the right edge of the person in the image get chopped off, as if the
| | background is centered. How do I right justify my background image so
that
| | any computer will view the entire right side of the image? (And let the
| white
| | space bleed off to the left into the sunset.) I've experimented with the
| | canvas size of the image but with inconsistent results. BTW, I don't
want
| to
| | reduce the actual image size, since this results in a measure of
| distortion
| | that I don't like.
| |
| | Perhaps I'm going about this all wrong and need to place only the image
| | itself to the right of the page with no added canvas to the left, just
| white
| | background color, but I can't figure out how to right justify the
| background
| | image to do this. I'm using FP98, which I realize is older. But it's all
| I've
| | got at the moment.
| |
| | Thank you kindly in advance for any and all suggestions. I greatly
| | appreciate all those who donate their time and knowledge to help people
| like
| | myself.
|
|
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top