PDA

View Full Version : How To Move Background Image Down?


biggmann
03-26-2011, 02:49 AM
I have a background image that is a shadow behind my main image on the screen. the problem is that when I add the background image it does center it but moves it to the top of the page the image I have resembles a U so there is a bottom piece that is supposed to be at the bottom of the image but as it is its hidden. I need to move the position of this background image down but not sure how to do that. here is my code so far.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="The personal web design portfolio of Edward Tyler. This page is a collection of different pages that I have completed." />
<meta name="Keywords" content="Portfolio, web design, edward, tyler, design, applications" />
<meta name="rating" content="General" />
<meta name="revisit-after" content="14 days" />
<meta name="ROBOTS" content="All" />
<!--<link href="style/main.css"rel="stylesheet"type="text/css"/> -->
<title>Edward Tyler</title>
<style type="text/css">
<!--

body {
background-image: url(images/bg.jpg);
background-position:top center;
background-color:#FFF;
background-repeat:no-repeat;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
background-repeat: no-repeat;
}
#header{
background-image: url(images/header.jpg);
width:900px;
height:260px;
}
#body{
background-image: url(images/body.jpg);
width:898px;
height:300px;
}
#footer{
background-image: url(images/footer.jpg);
width:898px;
height:225px;
}
-->
</style></head>
<body>

<table id="header" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table id="body" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table id="footer" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

biggmann
03-26-2011, 02:50 AM
I have set up a temp site to show what it looks like now, some say the link works and some dont but here it is anyways

www.edwardtest.000a.biz

DWcourse
03-26-2011, 05:51 AM
http://www.w3schools.com/css/css_background.asp