CSS: Limit repeat-y 2 times

Is there any way I can repeat-y something like

#body {
background: url(images/body_bg.gif) repeat-y;
}

but only 2 times? Thanks.

If you mean repeat the image then try:

Code:

---

body {
background: url("images/body_bg.gif");
background-repeat: repeat-y2;
    }

---

Guess can't limit the number of times to repeat the image, http://www.webdesignerforum.co.uk/in...showtopic=4020

And tried here, http://w3schools.com/css/tryit.asp?f...kground-repeat but with no luck. Thanks anyways.

What are you trying to do exactly?

I was just thinking if I can repeat an image background twice. Coz when I do repeat-y it repeats all the way to the whole width of the page. I was thinking if I could limit it to just, let's say, twice or thrice.

Anyway, it's said on that forum I posted earlier that I can't limit the number of repeats.

Thanks!

Quote:

---

Originally Posted by nebulom

I was just thinking if I can repeat an image background twice.

---

Ah ok!I though that you were wanting to split the page in two then have one half one colour, and the other half other color or something similar.

I thought if you were doing that you might use:

html:

Code:

---

<div>Something here</div>

---

then have the corresponding .div or #div in the css file depending on the div type in the html.

Edit your image and expand it to twice its width with it repeating horizontally. Then use that image once.

Thanks. That's what I"m doing. :)