How to make Background Pic not duplicate itself?

  • Thread starter Thread starter Will
  • Start date Start date
W

Will

When I select a background pic it duplicates itself to fill the screen.

I just want it to fit 640 x 480 pixels or whatever.

Or what ever can I do to just have the pic show only once in the background?

(Normally I create a table with 1 row and 1 column and set the size to 640
by 480 pixels... then try and get all my stuff to fit inside that show it is
always a single screen on everyones monitor. I center the table... but I'm
willing to do whatever to have the background pic show only once.)

thanks for any help.
 
the following .css will result in a picture that doesn't repeat, is
centered, and "fixed" which is a nice effect that makes it appear that the
test floats over the image:

body{
background: url(http://leighton-smith.com/graphics/images/watermark.gif);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
you can see it in use here: http://www.leighton-smith.com/

HTH
--
Chris Leeds,
Microsoft MVP-FrontPage

If you make web sites for other people, you should check out ContentSeed:
http://contentseed.com/
 
Dunt look centered to me...what is centered on 1600?

Where ya been anyway?

:-)


| the following .css will result in a picture that doesn't repeat, is
| centered, and "fixed" which is a nice effect that makes it appear that the
| test floats over the image:
|
| body{
| background: url(http://leighton-smith.com/graphics/images/watermark.gif);
| background-attachment: fixed;
| background-position: center;
| background-repeat: no-repeat;
| }
| you can see it in use here: http://www.leighton-smith.com/
|
| HTH
| --
| Chris Leeds,
| Microsoft MVP-FrontPage
|
| If you make web sites for other people, you should check out ContentSeed:
| http://contentseed.com/
| --
| | > When I select a background pic it duplicates itself to fill the screen.
| >
| > I just want it to fit 640 x 480 pixels or whatever.
| >
| > Or what ever can I do to just have the pic show only once in the
| > background?
| >
| > (Normally I create a table with 1 row and 1 column and set the size to
640
| > by 480 pixels... then try and get all my stuff to fit inside that show
it
| > is always a single screen on everyones monitor. I center the table...
but
| > I'm willing to do whatever to have the background pic show only once.)
| >
| > thanks for any help.
| >
| >
|
|
 
I use this series to make the background stationary and not repeat

<body
style="background-attachment: fixed; width: 1024; background-repeat:
no-repeat; height: 100%"
vlink="#0000ff" alink="#000000" link="#990000"
background="../../bkgnd/bkg.jpg" marginheight="0" marginwidth="1"
topmargin="0" leftmargin="1" hspace="1" vspace="0">
 
it's not centered in that guy's web,
I modified the code for the OP so it would be.

I've been around, but very very busy. new house, trying to get the
commercial project set up before the freezing weather comes in, etc.

What's new with you?

--
Chris Leeds,
Microsoft MVP-FrontPage

If you make web sites for other people, you should check out ContentSeed:
http://contentseed.com/
 
Thanks - some follow-up questions...

1 - I guess you put this in a seperate file with the .css extension...
right?
2 - Does it matter what I name it? Anyname.css ??
3 - How can I make it apply to only a single page?
4 - How can I make it apply to a group of pages?
5 - How can I make it apply to all pages on the site?

thanks again for the help.
 
nutthin much, email me when you have some time.


| it's not centered in that guy's web,
| I modified the code for the OP so it would be.
|
| I've been around, but very very busy. new house, trying to get the
| commercial project set up before the freezing weather comes in, etc.
|
| What's new with you?
|
| --
| Chris Leeds,
| Microsoft MVP-FrontPage
|
| If you make web sites for other people, you should check out ContentSeed:
| http://contentseed.com/
| --
| | > Dunt look centered to me...what is centered on 1600?
| >
| > Where ya been anyway?
| >
| > :-)
| >
| >
| > | > | the following .css will result in a picture that doesn't repeat, is
| > | centered, and "fixed" which is a nice effect that makes it appear that
| > the
| > | test floats over the image:
| > |
| > | body{
| > | background:
| > url(http://leighton-smith.com/graphics/images/watermark.gif);
| > | background-attachment: fixed;
| > | background-position: center;
| > | background-repeat: no-repeat;
| > | }
| > | you can see it in use here: http://www.leighton-smith.com/
| > |
| > | HTH
| > | --
| > | Chris Leeds,
| > | Microsoft MVP-FrontPage
| > |
| > | If you make web sites for other people, you should check out
| > ContentSeed:
| > | http://contentseed.com/
| > | --
| > | | > | > When I select a background pic it duplicates itself to fill the
| > screen.
| > | >
| > | > I just want it to fit 640 x 480 pixels or whatever.
| > | >
| > | > Or what ever can I do to just have the pic show only once in the
| > | > background?
| > | >
| > | > (Normally I create a table with 1 row and 1 column and set the size
to
| > 640
| > | > by 480 pixels... then try and get all my stuff to fit inside that
show
| > it
| > | > is always a single screen on everyones monitor. I center the
table...
| > but
| > | > I'm willing to do whatever to have the background pic show only
once.)
| > | >
| > | > thanks for any help.
| > | >
| > | >
| > |
| > |
| >
| >
|
|
 
You can either put it in a separate file with the .css extension with any
name, say style.css, and call it from your page(s) using <link
href="style.css" rel="stylesheet" type="text/css"> or you can simply put it
 
Back
Top