Background Images

[heloonsplace]

i'm struggling with fitting background images to the page. is there a way of shrinking/stretching an image to fit the size of the whole page?thanks, helen

[Ingolme]

i'm struggling with fitting background images to the page. is there a way of shrinking/stretching an image to fit the size of the whole page?thanks, helen

Just assign its width to 100%:

<img width="100%" ...>

[heloonsplace]

Just assign its width to 100%:

<img width="100%" ...>

cheers dude. in the css it would be {background:url('images/music.jpg') width=100%} ??

[Ingolme]

cheers dude. in the css it would be {background:url('images/music.jpg') width=100%} ??

No, you can't change the size of a background image. You'll have to make an image, and if you want it behind, use position: absolute, and then assign a negative z-index to the image.

[heloonsplace]

No, you can't change the size of a background image. You'll have to make an image, and if you want it behind, use position: absolute, and then assign a negative z-index to the image.

thanks

[bigsilk]

I used the z-index to make a .png img of people sitting on a bench seem like they were in front of a set of paintings, as if they were looking at them. Just preserve transparency from your image editor (I use Photoshop) and apply a z-index of 1 (or 1000, it doesn't matter).And .png images are really small, too. Good practice to use them.