i want my background to have a gradiant effect so dark at bottom and get lighter as it goes up which size should i make my image in photoshop when im doing it, also ive not moved on to css yet just HTML so is their a way to put it online without it repeating its self

css does this as below

 

no-repeats

#divname {
 background:url(bg.png) no-repeat;
}

 

repeat horizontally

#divname {
background:url(bg.png) repeat-x;
}

 

repeat vertically

#divname {
background:url(bg.png) repeat-y;
}

If you have a set height you want the gradiant then just take a small slice of it, even 1px wide maybe and repeat it horizontally like Faev showed. If you don't know the height of the gradiant, say you want the page however high the content is going to be then you'll have to put the gradiant in the middle somewhere inside a div and have the bottom or top bg color the same as the bottom of the gradiant.

If you have a set height you want the gradiant then just take a small slice of it, even 1px wide maybe and repeat it horizontally like Faev showed. If you don't know the height of the gradiant, say you want the page however high the content is going to be then you'll have to put the gradiant in the middle somewhere inside a div and have the bottom or top bg color the same as the bottom of the gradiant.

 

 

As above ^ and then set it to repeat on the x axis

background: url(bg.png) repeat-x;

I would do as the others have suggested-- just taking a small slice of the gradient you want to use. It can be really small. Some of my sites use a larger sample--but if you set it to repeat itself (easy in Dreamweaver) it should turn out just fine.