Chief Delphi - background picture

Chief Delphi (http://www.chiefdelphi.com/forums/index.php)

- Website Design/Showcase (http://www.chiefdelphi.com/forums/forumdisplay.php?f=64)

- - background picture (http://www.chiefdelphi.com/forums/showthread.php?t=42901)

PWHSrobotics

29-01-2006 15:30

background picture

what is the code for sinking an image into a background where it dosen't move, no matter how much you scroll up and down the page?

Koko Ed

29-01-2006 15:36

Re: background picture

Quote:

Originally Posted by PWHSrobotics

what is the code for sinking an image into a background where it dosen't move, no matter how much you scroll up and down the page?

Is this for website or 3D Studio Max (BTW it would help if you placed this in the right forum so people could understand what you are talking about).

Michelle Celio

29-01-2006 15:36

Re: background picture

Quote:

Originally Posted by Koko Ed

Is this for website or 3D Studio Max (BTW it would help if you placed this in the right forum so people could understand what you are talking about).

Sounds like a webpage to me...

What program are you using to code your page? or are you doing it yourself? if your doing it in a program theres a way threw the options, but i need to know what program you're using. A little more information would be helpful.

PWHSrobotics

29-01-2006 17:32

Re: background picture

Quote:

Originally Posted by Fruity Pebbles

I am hand coding it myself.

Michelle Celio

29-01-2006 17:34

Re: background picture

Greg Marra

29-01-2006 17:59

Re: background picture

If you want to use CSS instead:

Code:

<style>

body {

background: #123456 url(someimage.jpg) no-repeat fixed center;

}

</style>

PWHSrobotics

29-01-2006 19:18

Re: background picture

will those keep the background image stationary as you scroll...I'm talking like the robotic website is.

Michelle Celio

29-01-2006 20:27

Re: background picture

Im not sure about mine, becuase i just gave you a basic code. From the looks of it the code that Greg posted should prevent it from moving. But when building your webpage it may become difficult in some areas to read the text, so whatch what you use as a picture.

DarkJedi613

29-01-2006 20:46

Re: background picture

The CSS code provided keeps it stationary, yes.

And yes you should watch out with using a background, make sure you can read over it, or if you're using a picture its usually a good idea to play with it until the colors are relatively similar (less contrast, lighten/darken, etc).

PWHSrobotics

29-01-2006 21:03

Re: background picture

thanks!

PWHSrobotics

29-01-2006 21:19

Re: background picture

the CSS is not working..can someone rewrite it..mabye he made a mistake.

Greg Marra

29-01-2006 21:45

Re: background picture

Quote:

Originally Posted by PWHSrobotics

the CSS is not working..can someone rewrite it..mabye he made a mistake.

Make sure you put the <style> tags inside the <head> tags of your HTML file, and change #123456 to a real color and someimage.jpg to a real image. If the image isn't in the same directory as the HTML file, make sure you include the correct filepath as well. That CSS should work.

SoftwareBug2.0

30-01-2006 14:59

Re: background picture

Quote:

Originally Posted by Fruity Pebbles

It will not work. That does a repeating background that does scroll.

Greg Marra

30-01-2006 15:38

Re: background picture

Quote:

Originally Posted by SoftwareBug2.0

It will not work. That does a repeating background that does scroll.

no-repeat fixed does a repeating background that is not fixed?

I disagree

SoftwareBug2.0

30-01-2006 16:20

Re: background picture

Quote:

Originally Posted by Greg Marra

no-repeat fixed does a repeating background that is not fixed?

I disagree

I meant her HTML.

Dan Zollman

30-01-2006 19:41

Re: background picture

You can also add the attributes to the <body> tag:
bgproperties="fixed"
OR
style="background-attachment: fixed; background-image: url(relativeimageurl.jpg); background-repeat: no-repeat; background-color: #123456;"

All times are GMT -5. The time now is 06:06.