how do you make simple background out of image

[onchee]

I have an image of a sea/sky that comes up tiled when I put it on my website.

I just want 1 image of the sea/sky on my website not all the little tiled squares of the sea/sky.

How do I got about doing this? do I make the image larger, and if so how large? etc.

Thanks, Onchee

[BoltBait]

This is an HTML/CSS question, not a Paint.NET question.

Moved to the Overflow section.

[Yata]

CSS for it:

selector {
background-color: #HEX;
background-image: url(PATH TO IMAGE); 
background-repeat: no-repeat;
background-position: POSITION;
}

The background-color property controls the space that the image does not fill up. The 'selector' is the element, class, or element ID you want the image to appear as it's background. So if you want your site's background to be an image, you probably would insert body in place of selector.

The path to the image can be a web url or a system file. And the POSITION part can be replaced with the following:

top left

top right

bottom left

bottom right

center

[ncfan51]

body
{
background-color: white;
background-image: url(background.png);
background-repeat: no-repeat;
background-position: center;
}

Example.

[BoltBait]

Is it also possible to stretch the image to cover the entire visible window?

[Yata]

Is it also possible to stretch the image to cover the entire visible window?

Not purely with CSS. I researched this long ago, and it can only be 'extensively' done with CSS+Javascript, or possibly a SSL language like PHP. I assume you would check the user's screen resolution and output the correct supplementary image.

[onchee]

I tried both codes and got nothing but a white background. I'm way too illiterate for the html, but thanks anyway.

Onchee