PDA

View Full Version : Website backrounds



MareoRaft
Oct 24, 2005, 05:31 PM
:eek: okay, that smiley is so cool.

My website is based on HTML. When you scroll down, the picture on my backround scrolls down with it. I would like to have the backround stay put, and only the words scroll. I've seen this on other sites and it is very cool. Do you know how to do this with HTML? :rolleyes:


homerjward
Oct 24, 2005, 05:37 PM
something like this script? (http://dynamicdrive.com/dynamicindex3/fixback.htm)
Mitthrawnuruodo
Oct 24, 2005, 05:51 PM
Or use CSS or a style attribute:

Add this to your CSS file:

body { background: url("image.png") #FFF 50% 50% no-repeat fixed; }

Which is the same as:

body {
background-image: url("image.png");
background-attachment: fixed;
background-color: #FFF;
background-repeat: no-repeat;
background-position: 50% 50%; /* horizontal vertical */
}

Or, if you don't have a CSS file just add a style attribute to the body tag:

<body style="background: url('image.png') #FFF 50% 50% no-repeat fixed;">

Note: I might have made some spelling errors... ;)
MareoRaft
Oct 24, 2005, 06:36 PM
that's what i'm looking for, but when i put it in it made my backround white. is there some sort of limitation on the type of picture?

also, i don't have a "<BODY>" in my site, it's more like a "<BODY text=#000000" link=#00FF00.....and so on.