How to make Background Pic not duplicate itself?

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.
 
C

Chris Leeds, MVP-FrontPage

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/
 
R

Rob Giordano \(Crash\)

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.
| >
| >
|
|
 
G

Guest

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">
 
C

Chris Leeds, MVP-FrontPage

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/
 
W

Will

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.
 
R

Rob Giordano \(Crash\)

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.
| > | >
| > | >
| > |
| > |
| >
| >
|
|
 
G

Guest

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top