how do you keep the background in the same place

[VanHype]

hi guys, i need to make a website and keep the background in the same place when scrolling down the page...
here is an example of what i need (the blue image in the background stays in the same place..)

http://www.volunteerscentregreenwich.org.uk/need.htm


thanks

[Marc]

I see that you have got it?

[VanHype]

no i havent, that is just an example of what i need done...

i have an image and need it to stay in the same place on the website so that when scrolling down the logo is still there...

[Marc]

this is an example of how my background is done.

Code: Select all

body{
background-image:url(your/url/here);
background-attachment:fixed;
background-repeat:repeat;
}

does that help? im guessing because i havent seen your code.

[VanHype]

at the moment its this:

Code: Select all

<title>Greenwich Community Learning Champions</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
 background-image: url(Images/backlogo.JPG);
}
-->
</style><

[VanHype]

i need only the one image... im using dreamweaver to write the code, i very briefly understand it...

i only want one big logo to be shown in the one place

[Marc]

Code: Select all

<title>Greenwich Community Learning Champions</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"
body {
 background-image: url(Images/backlogo.JPG);
background-attachment:fixed;
}
 
</style>

Try that, the code ive entered is in the different colour.

I dont know if you need background-repeat in there, i just copied it from my code. You can just delete it if you wish.
This might help also with you setting your background out, http://www.w3schools.com/css/css_background.asp. It has some examples of code.

[VanHype]

thanks for your help!!

will try it tomorow and write back then

[VanHype]

had a spare 5....
thats sorted the problem!! thanks!!

not necessary, but any chance you could tell me how it works?... is it just where the code says fixed??

thanks again

[Marc]

yep basiclly.

Code: Select all

background-attachment:fixed;

that is the piece of code that does the trick. If you look here it will tell you how to do CSS: http://www.w3schools.com/css/.

[VanHype]

you are a star!! thnanks

[JacobHaug]

Code: Select all

<title>Greenwich Community Learning Champions</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"
body {
 background-image: url(Images/backlogo.JPG);
background-attachment:fixed;
}
</style>

wow, I see some bad coding practices starting here. "Images/backlogo.JPG", change that to..."http://www.webforumz.com/images/backlogo.jpg", then rename that folder and picture to match your code changes. This will help you later on with SEO!

Also when you get more CSS code, you should probably think about exporting that to an external CSS file.

[Marc]

Jacob, are you talking to me or vanhype?

[JacobHaug]

I was talking to vanhype...lol, you gave him the code to have a fixed background...and I was referring to his linking structure.

[Marc]

Ah lol.