how do you keep the background in the same place

VanHype · #1 Apr 13th, 2007, 20:49

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 · #2 Apr 13th, 2007, 21:11

I see that you have got it?

VanHype · #3 Apr 13th, 2007, 21:15

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 · #4 Apr 13th, 2007, 21:26

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 · #5 Apr 13th, 2007, 21:33

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 · #6 Apr 13th, 2007, 21:34

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 · #7 Apr 13th, 2007, 21:40

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 · #8 Apr 13th, 2007, 21:43

thanks for your help!!

will try it tomorow and write back then

VanHype · #9 Apr 13th, 2007, 21:48

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 · #10 Apr 13th, 2007, 21:53

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 · #11 Apr 13th, 2007, 21:54

you are a star!! thnanks

JacobHaug · #12 Apr 14th, 2007, 10:10

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 · #13 Apr 14th, 2007, 11:26

Jacob, are you talking to me or vanhype?

JacobHaug · #14 Apr 14th, 2007, 11:35

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 · #15 Apr 14th, 2007, 11:48

Ah lol.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
A place for your tag!	aplace	Link Building and Link Sales	0	Feb 14th, 2007 12:14
banner-place.com	nighthawk	Free Web Site Critique	16	Oct 26th, 2006 11:38
Out of place swf	timmytots	Web Page Design	0	Jul 5th, 2006 18:46
Where to place <background image>	kaz	Web Page Design	1	Dec 16th, 2005 00:49

		Webforumz.com > Main Forums > Design Your Website > Graphics and 3D
how do you keep the background in the same place