[PixelBit]

ok so my problem can be seen here: http://relent.dyndns...harks/index.php (but only while my pc is on, hopefulyl i'll have a solution before i go to bed)

Basically you can see that the shadow goes higher than it should, normally you can just do

background: url("...") 0px 10px;

and that will start from 10px down the page but when it's repeating on the y axis that doesn't work. How can i achieve this?

So to sum up, i want to make a repeat-y background image start further down the page (preferably without bringing ore divs into the equation as that will mess with my layout)

This post has been edited by PixelBit: 28 January 2012 - 03:31 PM

[Lemur]

You can with a background image, but with this I would just add another container type div to take care of it. If your layout is clean and stable it shouldn't be a problem.

[PixelBit]

Lemur, on 28 January 2012 - 09:08 PM, said:

You can with a background image, but with this I would just add another container type div to take care of it. If your layout is clean and stable it shouldn't be a problem.

Theres another problem with that being that i want it to start a little way down an image not at the top or bottom of it... Hmm...

[Lemur]

http://css-tricks.com/css-sprites/

[PixelBit]

Lemur, on 28 January 2012 - 11:55 PM, said:

http://css-tricks.com/css-sprites/

Thanks for the article, I can't belive i didnt know of this site. Anyway it's still a problem, all those exaples are with no-repeat. It's also the exact same as what i did, but it doesnt work when you repeat the image.