1
Northern
not quite a scrolling background
  • 2004/12/30 10:04

  • Northern

  • Just can't stay away

  • Posts: 420

  • Since: 2004/12/26


ive seen thing like this on a few small geosities site and ive been trying to find the code.

heres the css for the background


table {
width: 100%;
margin: 5;
spacing: 5;
padding: 5;
font-size: 12px;
text-align:left;
align:center;}

table#table {
width: 100%;
align: left;
background-image: url('images/background.GIF');
background-repeat:no-repeat;
background-position:center;}

table td {
padding: 5;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;}

now heres the idea.

place your curser in the middle of your screen.
now scroll with only your wheel.( if you have one.)
now the background would be your curser.
it does not move. but the rest of the site does.
ive looked around and found a scrolling background for css/javascript. but it makes the background scroll in a repeating loop.

any ideas how i can get this to work?

thanks
Marc

2
Herko
Re: not quite a scrolling background
  • 2004/12/30 10:33

  • Herko

  • XOOPS is my life!

  • Posts: 4238

  • Since: 2002/2/4 1


I honestly do not understand what you're trying to accomplish here.
Quote:
background-image: url('images/background.GIF');
background-repeat:no-repeat;

This defines the background image. Move this style definition to the body { part of the stylesheet.
Also add this:
background-attachment:fixed;

That will keep the background in place while you scroll.

Herko

3
Northern
Re: not quite a scrolling background
  • 2005/1/1 13:18

  • Northern

  • Just can't stay away

  • Posts: 420

  • Since: 2004/12/26


ok problem fix.


turns out that i didnt see the hole picture.


table#table {
width: 100%;
align: left;
background-image: url('images/background.GIF');
background-repeat:no-repeat;
background-position:center;}


this needed 2 thing


table#table { <-changed to Body
width: 100%;
align: left;
background-image: url('images/background.GIF');
background-repeat:no-repeat;
background-attachment:fixed; <-added
background-position:center;}

nothing like sleeping on it, to think clearly.

and thanks for posting a reply Herko

Login

Who's Online

54 user(s) are online (26 user(s) are browsing Support Forums)


Members: 0


Guests: 54


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Aug 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits