HTML - Background Image Problem With Facebox Jquery Plugin

I have 3 images, one is a background image that repeats, one is aligned left and another is aligned right.

<td background="screen_header_02.gif" height="103"><img src="screen_header_04.gif" align="left"><img src="screen_header_03.gif" align="right"></td>

it is fine, but the background image is not viewable when printing. so i need to come up with another way of using 3 images in the way i have, without using the background image.

any ideas?

Eyup people

I was just wondering how I would go about centering or stretching a background image on a webpage without it doubleing itself.

i hope that makes sense lol...

sorta like when you set a wallpaper on your computer screen and set it to "tiled", there maybe more than 1 image showing.

Id just like it to be stretched.

any help would be appreciated

thanks

Basically i have made this site and i am having problems with the nav bar.

http://www.srnsf.com

As you can see it resizes at certain pages and it looks strange. Why is this happening?

My Headfirst book on page 404 says to add the background-image property to a paragraph so I add the code for that and a few other changes highlighted in bold in last paragraph but it doesn't show the image on the browser and the css validator does not show it as an error, also what I don't understand is why there are THREE classes with the same name [.guarantee] in this stylesheet? The url is:

file:///C:/Headfirst/HFHTML_ch10/lounge/lounge.html

body {
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.6em;
}

h1, h2 {
color: #007e7e;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

.guarantee {
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #a7cece;
padding: 25px;
margin: 30px;
line-height: 1.9em;
font-style: italic;
font-family: Georgia, "Times New Roman, Times, serif;
font-color: #444444
body {
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.6em;
}

h1, h2 {
color: #007e7e;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

.guarantee {
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #a7cece;
padding: 25px;
margin: 30px;
line-height: 1.9em;
font-style: italic;
font-family: Georgia, "Times New Roman, Times, serif;
font-color: #444444
body {
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.6em;
}

h1, h2 {
color: #007e7e;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

.guarantee {
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #a7cece;
padding: 25px;
margin: 30px;
line-height: 1.9em;
font-style: italic;
font-family: Georgia, "Times New Roman, Times, serif;
font-color: #444444
background-image: url (images/background.gif) ;
}

Hey guys, please forgive me if this has already been posted but im at a total loss

I'm having major issues with getting a background to fit properly around my html page. I wonder if you can help me.

the code i have is this


style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(http://i488.photobucket.com/albums/rr248/kingofkingspoker/borderbg.png);"
id="homediv" onload="start();" alink="#000000"
link="#000000" vlink="#000000">

I really have no idea how to fit it to the whole screen so it doesn't look like the border around the BG image is cutting half the page up and repeating.

If this cannot be corrected is there a code i can add to it to implement a border around the actual web page in full, as if to say i could remove the background image, have it has standard white but use a code to implement a border that would look fine on all computers.

Plz Help