How do I set picture as background without repeating or cropping?

  • Thread starter Background Picture Question
  • Start date
B

Background Picture Question

I am trying to set a picture (photo) as my background. The picture,
depending onthe size will repeat or parts of it will be cropped off. I don't
need to scroll down on the website...just want the site to come up with my
picture perfectly centered in the window. IS there a size or certain
measurement I should use? Thanks.
 
D

Don

Add some style to the page...

Put this in the heading of the page---
<head> </head>

This will put it in the center & fixed so that even when scrolling it stays
there...

<style>
<!--
body {
background: #FFFFFF center;
background-attachment: fixed;
background-image: url('/images/your_image.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
}
-->
</style>

To make sure that the picture is not cut off make the width about 760 px
wide... Of coarse this means it will not fill the screen when viewed on a
monitor set to a higher resolution. But it will still be centered in the
page..

BTW: There is no way to "Stretch" the picture.. in a browser... Easily

HTH

Don
===============
"Background Picture Question" <Background Picture
[email protected]> wrote in message
|I am trying to set a picture (photo) as my background. The picture,
| depending onthe size will repeat or parts of it will be cropped off. I
don't
| need to scroll down on the website...just want the site to come up with my
| picture perfectly centered in the window. IS there a size or certain
| measurement I should use? Thanks.
 
D

Don

Here is a little better version... (still early for me)

<style>
<!--
body {
background: White url(/images/your_pic.jpg) no-repeat fixed center;
}
-->
</style>

That should do it..

Don
====================
| Add some style to the page...
|
| Put this in the heading of the page---
| <head> </head>
|
| This will put it in the center & fixed so that even when scrolling it
stays
| there...
|
| <style>
| <!--
| body {
| background: #FFFFFF center;
| background-attachment: fixed;
| background-image: url('/images/your_image.jpg');
| background-repeat: no-repeat;
| color: #FFFFFF;
| }
| -->
| </style>
|
| To make sure that the picture is not cut off make the width about 760 px
| wide... Of coarse this means it will not fill the screen when viewed on a
| monitor set to a higher resolution. But it will still be centered in the
| page..
|
| BTW: There is no way to "Stretch" the picture.. in a browser... Easily
|
| HTH
|
| Don
| ===============
| "Background Picture Question" <Background Picture
| [email protected]> wrote in message
| ||I am trying to set a picture (photo) as my background. The picture,
|| depending onthe size will repeat or parts of it will be cropped off. I
| don't
|| need to scroll down on the website...just want the site to come up with
my
|| picture perfectly centered in the window. IS there a size or certain
|| measurement I should use? Thanks.
|
|
 
Top