How to stop background gradients repeating?

[Bacon Butty]

I've done searches for solutions and all of them haven't worked.

So far, (from the solutions I found from searches) to get this (http://img182.imageshack.us/img182/9868/bgku4.jpg) gradient to work, I have tried putting these into the CSS background section in style manager;

#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x
#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) repeat-x
#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) repeat
url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x

However, the gradient still repeats itself hall way down the page as shown here (http://img530.imageshack.us/img530/7201/gradienton6.jpg).

Any help would be greatly appreciated.

[cyberphr]

repeat-x means repeat on the X axis.

no-repeat

[Bacon Butty]

Thanks for trying to help but forgot to mention no-repeat doesn't work either. That just makes the gradient show up on the very left hand side once.

[cyberphr]

Thanks for trying to help but forgot to mention no-repeat doesn't work either. That just makes the gradient show up on the very left hand side once.

Then repeat-x should work for what you want. Are you sure that the images is actually repeating vertically, and it's not just the background colour?

Try:
repeat-x top left
repeat-x left top
repeat-x

[TheMilkCarton]

You have the wrong background color. You have a color that matches the top of the gradient, not the bottom.

TRY:

#F1F6F9 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x

[hinch]

body
{
background: #898a8f;
color: #C1C1C7;
font: 10pt Tahoma, Verdana, Arial;
margin: 0px 0px 0px 0px;
padding: 0px;
background-image: url(images/fa/background.jpg);
background-repeat: repeat-x;
}


works fine for me using http://www.furious-angels.com/images/fa/background.jpg as my background

[no mods]

#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) fixed

Try that.

[TheMilkCarton]

body
{
background: #898a8f;
color: #C1C1C7;
font: 10pt Tahoma, Verdana, Arial;
margin: 0px 0px 0px 0px;
padding: 0px;
background-image: url(images/fa/background.jpg);
background-repeat: repeat-x;
}


works fine for me using http://www.furious-angels.com/images/fa/background.jpg as my background
That's odd. There's no background at that site. :)

Anyway, the code I posted a week ago should have resolved his problem. He just had the wrong background-color.

So, there was really no point in bumping this thread, eh?

#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) fixed

Try that.

Seriously. I posted the proper code a week ago. He has the wrong BACKGROUND COLOR.

The gradient is not repeating vertically.

Let me repost the proper code for his site:
#F1F6F9 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x

No more improper suggestions, please. I'm guessing he already resolved his issue since he hasn't posted here in a week.

[hinch]

should perhaps of stated thats the css from the new skin i'm working on not the current one :)