background picture on web

[MCD4x4]

Hi Folks,

I tried to use a picture for a background but if viewed on a higher screen size it tiles. Here's the link maybe you can tell what I'm doing wrong. www.mcd4x4.com/alana.htm

[_Aerospace_Eng_]

A background image will tile to fit the resolution unless you tell it not to. Would you want it centered and not to repeat?

<style type="text/css">
<!--
body {
background-image:url(alanaspage/3-19-05/page1.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
-->
</style>

you can add that in your head tags to make it not repeat, it will center on any resolution.

[mark87]

If you want a non-repeating background - so it doesn't tile - then do something like so -

body {
background: url(picture.jpg) no-repeat;
}

Although, then in larger resolutions, the background will stop half way. I don't think you can stretch the background to cater for all resolutions.

EDIT: Darn, was beaten to it.

[MCD4x4]

So than the css sounds like the way to go?

[_Aerospace_Eng_]

css is the standards way to go, you could use the old html attributes like bgpropties="fixed" or bgcolor="blah" but thats deprecated and shouldn't be used. CSS should be used in place of it.