Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Website backrounds

M

MareoRaft

macrumors newbie
Original poster
Oct 20, 2005
16
1
: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:
 
Mitthrawnuruodo

Mitthrawnuruodo

Moderator emeritus
Mar 10, 2004
14,433
1,076
Bergen, Norway
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... ;)
 
M

MareoRaft

macrumors newbie
Original poster
Oct 20, 2005
16
1
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.
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom