Re: Right justify background image in FP98?

From: Murray (forums_at_HAHAgreat-web-sights.com)
Date: 01/22/05


Date: Sat, 22 Jan 2005 14:17:45 -0500

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....

-- 
Murray
"Duncanjp" <Duncanjp@discussions.microsoft.com> wrote in message 
news:C1EB0FE0-C36C-4506-8A44-303CD8BFFAFE@microsoft.com...
>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. 


Relevant Pages

  • Right justify background image in FP98?
    ... doesn't tile across the page. ... person) and added blank canvas to the left side of the image. ... place it on my webpage as a background, it takes up enough space to not ... but I can't figure out how to right justify the background ...
    (microsoft.public.frontpage.client)
  • Re: Right justify background image in FP98?
    ... a collapsing table design. ... | | person) and added blank canvas to the left side of the image. ... | | place it on my webpage as a background, it takes up enough space to not ... How do I right justify my background image so ...
    (microsoft.public.frontpage.client)
  • Re: Right justify background image in FP98?
    ... 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. ... | person) and added blank canvas to the left side of the image. ... | place it on my webpage as a background, it takes up enough space to not ... but I can't figure out how to right justify the background ...
    (microsoft.public.frontpage.client)
  • Re: Right justify background image in FP98?
    ... Place the image on a page, and in picture properties select Wrapping ... >I want to place a tall background image that is flush right on my webpage ... > person) and added blank canvas to the left side of the image. ... but I can't figure out how to right justify the ...
    (microsoft.public.frontpage.client)
  • Re: Place a DIV above all site content
    ... often transparent, but just saw this in Appendix E: ... Viewport is Viewport and for looking at webpages. ... comparing it to a mere desktop window. ... background on top of the canvas, so one interpretation of what they ...
    (alt.html)