View Full Version : Image stays where it is but text scrolls...


o0Niki0o
12-19-2003, 11:10 PM
Hi,

I was wondering if anyone would be able to tell me how to make it so that I have an image in the background and when the text scrolls, the beackground does not move. I don't know if this is html or not so sorry If i'm in the wrong spot.. :) Thank you in advanced!!

sisqoluv
12-19-2003, 11:19 PM
Hi,

I was wondering if anyone would be able to tell me how to make it so that I have an image in the background and when the text scrolls, the beackground does not move. I don't know if this is html or not so sorry If i'm in the wrong spot.. :) Thank you in advanced!!


Place this somewhere after <head> but before </head>


<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(image background name.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>


bottom right -- for this, change it to where ever you want your image to be. You can use "center" if you want it in the center of the page :)

o0Niki0o
12-19-2003, 11:21 PM
Place this somewhere after <head> but before </head>


<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(image background name.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>


bottom right -- for this, change it to where ever you want your image to be. You can use "center" if you want it in the center of the page :)


Thank you! Do I add the text after it, in the body section so like this:

<head><STYLE TYPE="text/css">
<!--
BODY {background-image: URL(image background name.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE></head>

<body> BLa Bla Bla </body>

sisqoluv
12-19-2003, 11:44 PM
Thank you! Do I add the text after it, in the body section so like this:

<head><STYLE TYPE="text/css">
<!--
BODY {background-image: URL(image background name.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE></head>

<body> BLa Bla Bla </body>

Yep :)

*****

hockyfan641
12-20-2003, 01:24 AM
Make the text scroll at one rate and the background image scroll at another. Sadly it's an IE only code though.