Picture as background


S

Sargmaster

Probably not doing this right but here goes... I want to have a picture as
my background. The web page as viewed will be the same size as the picture
(that is the way I will make it). I know I can setup the background using
frontpage, but it wants to put several of the same together to fill the
page... not what I want to do. So I get this all to work but what I can't do
is copy another picture ontop of the background. It does not like it...

Anyone have a suggestion on putting a picture on top of a picture (Different
size pictures)
 
Ad

Advertisements

R

Ronx

Don't use a page background image.

Set the page background colour to complement the image you wish to use as a
background. This colour will form a (wide) border around the image.

Create a <div> in the page, and place all page content into this <div>
Add some CSS to set the background image for the <div>.

In Code view view the result is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>page title</title>
<!-- other meta tags -->

<style type="text/css">
body {
background: blue;
/* add styles for fonts etc. */
}
#container {
position: relative;
width: 760px; /* width of the background image */
margin: 10px auto; /* 10px top and bottom border for the image, and
centered on the page */
background: url(images/background.jpg) no-repeat;
}
</style>
</head>

<body>
<div id="container">
page content goes here
</div>

</body>
</html>
 
M

Mike

How then can one type text or add links & buttons on top of this picture so
that it "functions" a a background?
 
T

Trevor Lawrence

What Ron has suggested is that the background image is applied to the <div>,
not to the page..

Therefore anything added into <div id="container"> will have the background
image.The surrounding page will have a blue background
 
M

Mike

Would this be the procedure for adding a background image to a Cell or set of
cells? I opened up the "Cell Properties" dialogue box and can see the
checkbox to use a BG picture, but the checkbox is grayed out and I cannot
select it. I can set the colored background for 100% to fill the screen, but
I want my info set on a picture in the middle. Is a cell the same as a
<div>? or can I put cells on top of a <div>?
 
Ad

Advertisements

R

Ronx

You can put a background image in any container. A container can be any
of:
page body <body>
whole table <table>
a single table cell <td>
a list element <li>
paragraph <p>
and more ...

The procedure is the same. Note that an ID can only be used once on the
page.

You cannot have a single image as background to a group of cells, unless
that group is the entire table - then the background is applied to the
table. Each individual cell in a table can have its own background image.

If you are using a theme then background image may be grayed out.
 
Ad

Advertisements


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