background images

how can I avoid tiling?

[webboy1]

Is there anyway to have non-repeat background images? i.e. having a background image that is not repeated over and over.

Regards

Webboy

[DrOliver]

CSS to the solution:

body {
margin:0px;padding:0px;
background:#fff url(../images/background.gif) fixed no-repeat top left;
}

this will make the background color white and the image "background.gif" will be shown on the top left corner with no margins at all and it won't be repeated.

Replace ne-repeat by repeat-y or repeat-x if you wish to have your bg image repeated vertical-wise or hirzontal-wise. You can also have the image at the bottom right corner for example: Replace top left by bottom right. As simple as that.