Forum Moderators: open

Message Too Old, No Replies

background images

how can I avoid tiling?

         

webboy1

10:01 am on Mar 15, 2002 (gmt 0)

10+ Year Member



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

10:25 am on Mar 15, 2002 (gmt 0)

10+ Year Member



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.