Background image

[drum118]

I took a photo 3600x2400 (8mg) into photoshop and reduce it to 250x188
for a background and to load faster, but it only coming up either as a
repeat or a small box.

I use this:

<style type="text/css">
<!--
body {
background-image: url ("parklawn1.jpg ");
background-color:transpare nt;
background-repeat: no-repeat;
}
-->
</style>

I added background-position: 100% 100%; with no luck and it puts in
the bottom cor.

Even replace " with ' and no different

If I increase the photo in photoshop to 500x366, still does not come
out as a full page.

What do I have to do to get it to fit full page?

Thanks

[dorayme]

Re: Background image

In article
<4c3626eb-1e46-422e-8b68-d97ec31408af@u6 9g2000hse.googl egroups.co
m>,
drum118 <drum118@hotmai l.comwrote:

I took a photo 3600x2400 (8mg)

Milligrams? This an underwater camera?

into photoshop and reduce it to 250x188
for a background and to load faster, but it only coming up either as a
repeat or a small box.
>
I use this:
>
<style type="text/css">
<!--
body {
background-image: url ("parklawn1.jpg ");
background-color:transpare nt;
background-repeat: no-repeat;
}
-->
</style>
>
I added background-position: 100% 100%; with no luck and it puts in
the bottom cor.
>
Even replace " with ' and no different
>
If I increase the photo in photoshop to 500x366, still does not come
out as a full page.
>
What do I have to do to get it to fit full page?
>

You would have to know exactly how big the browser window is
going to be. A background picture is - size-wise - the dumbest of
the dumb. It does not stretch and simply sits there where you
say. To make a stretchy image there are two different strategies:

(1) Use an image that does look ok when repeated. A plain bit of
blue of 1px by 1px will simply fill whatever the size the browser
is in whatever direction you say, horizontal or vertical. The
default is both.

(2) Use an <img src="" ... and give the dimensions as
percentages (of the containing box, might be a div which is
dimensioned to fill the whole window)

--
dorayme