Simple HTML question

IamDavid · Dec 26, 2000

How do you make a image stretch to the size of your background like on windows desktop? Instead of it tiling I want the picture to take up the whole background.

Dan · Dec 26, 2000

With Win9X, WinME & Win2K:

--> Right-click on your desktop and select properties.
--> From display properties, select the tab for background.
--> Select an image from the list on the left side of the box or
--> Click browse to select an image from another directory on your drive.
--> Chose stretch from the options (center, tile, stretch)

Note: If the image I want to use for a background is a jpg I convert it to a bmp so that I don't have to enable active desktop.

FOBSIDE · Dec 27, 2000

i believe you are talking about on a web page and not on a desktop? well you cant just do it that simply. everyone uses a different resolution. youd have to have a script tell you how big the persons window is first before you can set the dimensions. if you want you could set the dimensions really huge and it would work for anyone but i dont think thats what youre looking for.

Moonbender · Dec 27, 2000

Did a quick test with Frontpage 2000 and this seems to work fine:

<img src="example.jpg" width="100%" height="100%">

This stretches the picture to the size of the window.

FOBSIDE · Dec 27, 2000

oh yeah...thats right. you can use %. thatll do it.

IamDavid · Dec 27, 2000

Awsome thanx alot..

Jator · Dec 31, 2000

Can someone post a link to a page that has this feature. I just tried it on one of my pages and it just tiled the image, it didn't stretch it.

Thanks,

Jay

DAM · Dec 31, 2000

i think this only works on IE, not netscape. i think, i read about this a while back and never really used it.

dam()

Jator · Dec 31, 2000

I tried it on IE, no go. Here's a link to a page I tried it on, Example. Anyone actually get this to work???

Jay

IamDavid · Dec 31, 2000

It doesn't work for backgrounds. Only for inserted pictures.

DAM · Dec 31, 2000

Add that STYLE tag to your body tag and the background image will not
repeat.

<body STYLE="background-image: url('images/background.jpg');
background-repeat: no-repeat">

It doesn't work in netscape ....( it's css ...)

dam()

Kappo · Jan 1, 2001

dam has is PERFECT...but that one still works for me in NetSCRAPE as well...

Moonbender · Jan 1, 2001

It won't repeat, but it won't stretch either - I don't think that's possible, with or without CSS.

IamDavid · Jan 1, 2001

Why couldn't it be possible? Couldn't it work just like the windows background? There has to be a way...

thirdkind · Jan 1, 2001

To the best of my knowledge, there is no way to do what you're describing.

rootaxs · Jan 1, 2001

There is a way, but it's not nice by any chance. Create a significantly larger image (e.g. 800x600) and use it as a page background. To those on that resolution it will look like one gigantic image, however to those on higher resolutions it will be tiled. You can also prevent this from happening by using javascript during the loading process to serve up the proper page/image depending on the user's resolution.

But IMHO, background images are not good for pages that have a moderate amount of text in it... it's just too "busy".

MetalCat · Jan 2, 2001

Use JavaScript find the size of the window, or force it to 800*600 then load a pre defined image.

And make it a PNG of low quality, for all the modem users

Simple HTML question

IamDavid

Diamond Member

Dan

Diamond Member

FOBSIDE

Platinum Member

Moonbender

Golden Member

FOBSIDE

Platinum Member

IamDavid

Diamond Member

Jator

Golden Member

DAM

Diamond Member

Jator

Golden Member

IamDavid

Diamond Member

DAM

Diamond Member

Kappo

Platinum Member

Moonbender

Golden Member

IamDavid

Diamond Member

thirdkind

Senior member

rootaxs

Platinum Member

MetalCat

Member

TRENDING THREADS