Home/ Questions/Q 757983
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T15:25:33+00:00

So basically we have an background image (red) and we want it to repeat

  • 0

So basically we have an background image (red) and we want it to repeat as the following with CSS:

alt text http://img260.imageshack.us/img260/4417/repeat.png

So I don’t want it to repeat to the upper and left side.

(sorry I suck at ASCII Art)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If I understand you correctly, you want only to repeat one row and one column of the image. This can be accomplished with CSS3 Multiple Backgrounds.

    Currently only WebKit-based and KHTML (Konqueror) browsers support this.

     body {
      background: url(myimage.png) top left repeat-x, 
                  url(myimage.png) top left repeat-y;
 }

    That said, although I’m quite confused about what you really want, I think you should be using multiple div elements arranged by css positioning the way you want and have different backgrounds on each.

    Edit: Seeing your new photo it seems my sample is backwards to what you want. Anyway, my advice stands. Why aren’t you using two div elements or a margin-left to move your desired background element over? Rethink the structure of your document.

    • 0