Scrolling Foreground

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hello,

How can I create pages in FP2003 that have a background which does not move
(either a color or a picture) and the foreground scrolls. The foreground
would be text, perhaps in a table. Thanks, Ralph
 
Hi,

That's not quite it, because I chose a jpeg as a background picture
(watermarked it, which didn't seem to do anything) and I got the image tiled
all over the page. As a result it scrolled along with the text in tables. I
want a picture to take up say 3/4 of the page and to remain stationary while
the text scrolls by.

Can this be done or did I misunderstand your instructions? Thanks Ralph
 
What's the URL so we can take a look?


rporzio said:
Hi,

That's not quite it, because I chose a jpeg as a background picture
(watermarked it, which didn't seem to do anything) and I got the image
tiled
all over the page. As a result it scrolled along with the text in tables.
I
want a picture to take up say 3/4 of the page and to remain stationary
while
the text scrolls by.

Can this be done or did I misunderstand your instructions? Thanks Ralph
Click to expand...
 
That's an easy one. In FrontPage, right-click on a page and select Page
Properties. From the Page Properties dialog box, go to the Formatting
tab, and put a check mark next to Background picture. Then select your
image. Finally, put another check mark next to Make it a watermark.
That will freeze the background, which is the effect you're looking for.

Alternatively, use this CCS style:

body {
background-image: url('PATH/IMAGE.EXT GOES HERE');
background-attachment: fixed;
}




Alex
www.frontpagedevices.com
www.ltmod.com
www.fabusinesssolutions.com
 
rporzio said:
Hello,

How can I create pages in FP2003 that have a background which does
not move (either a color or a picture) and the foreground scrolls.
The foreground would be text, perhaps in a table. Thanks, Ralph
Click to expand...

You could try this style in the <head> section

<style type="text/css">
body {background: url(bgimage.jpg) no-repeat fixed top;}
</style>

no-repeat will get rid of the tiling, and if memory serves me correctly, the
other 2 parameters fix the image at the top so that it doesn't scroll.
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
Back
Top