Background size

[jewellim]

I m creating a background image but dont know the proper size to use. Am using jpg and having tiles effect, i.e repeating background. Any infomation on this is appreciated.

[djr33]

Hmmm?

There are complex CSS styles and such that would allow, for example, to have a background image resize to fit the size of the page.

But... generally... it's just an image and that's all you need to put in the html.... defaults from there.

If you like as is, then that's fine.

If you don't, then what would you like to fix/achieve?

[lainlives]

i need a script to strech the bgimage also

[jewellim]

Problem is i'm not good at css, so probably the template i use has the tile effect which isnt what i want since i am creating my own background image. Stretching or shrinking the image to fit the page will blurr the image yeah? Think i will have to read the basic css page for help.

[BLiZZaRD]

Just put this in the HTML page, it will tile it and wont distort your image..

<style type="text/css">
body {
  background-image: url(path/to/the/image.jpeg);
  background-color: red; /* Ought to be as similar to the
                            predominent colour of the background
                            image as possible.
                         */
}
</style>

[jewellim]

Oh but i dont want tiled background because the one i use is not suitable for repeated pattern therefore i tot i could use an image that fits closely to the screen size. How abt css to auto adjust the size to fit?

[djr33]

not sure what the code is myself. Google would find it. Or just wait and see if someone tells you.

However, I should note--
background-color: red;
is wrong... should be:
background-color: #FF0000;

Hexidecimal colors are more valid than just the name. Yes, the name "works"... but isn't the official way. I think it's going to be phased out with the next update to html, but not sure. Just heard that in passing, I think.

[jewellim]

ok...if someone can identify this problem of mine...there seems to have sorta right margin in the page that any image that span beyond that will be cut off and tile will appear after that invisible margin, Unless i align the image using positioning method. i really hate to do that because i want to use a single image to cover the entire page. Maybe someone whould like to look into my source of the page and see whether any other part of the html causes that margin problem. http://www.freewebs.com/jewellim/ juz in the testing stage so the webpage is still far from completion.

[jscheuer1]

background: white url(some.jpg) center no-repeat;

[dwarfer]

Hmmm?

There are complex CSS styles and such that would allow, for example, to have a background image resize to fit the size of the page.

does anyone this complex css? i need a script that would either make a background image fit to any window or show a different image depending on screen resolution. does anyone know if there is such a script?