PDA

View Full Version : Cannot close gap between image and footer border?


blanchard
08-25-2008, 11:06 AM
OK i have a gap in the middle section at the very bottom as highlighted in the attached file, this gap remains the same should I insert more copy or images. How do I close this gap up?

Any help would be greatly appreciated

Regards
Blanchard


<!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" />
<title>untitled</title>
<style type="text/css">
<!--
.bgheader {
background-image: url(AVheader2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.menulinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #908080;
font-weight: bold;
text-align: center;
}
.backtotop {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #447A9C;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
text-indent: 5px;
padding: 0px;
margin: 0px;
width: 85px;
height: 16px;
}
.jobtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: lighter;
color: #447A9C;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
}
.JOBTYPE {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-indent: 5px;
color: #FFFFFF;
background-color: #153B60;
}
.jobinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
background-color: #447A9C;
text-indent: 5px;
}
body {
margin-top: 0px;
background-color: #CCCCCC;
}
a:link {
text-decoration: none;
color: #447A9C;
}
a:hover {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #447A9C;
}
a:active {
text-decoration: none;
}
.search {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: lighter;
color: #FFFFFF;
padding-bottom: 5px;
padding-top: 2px;
}
.form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
font-weight: lighter;
width: 125px;
}
.marqueepadding {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #183B61;
padding: 0px 10px;
}
.homepaheaders {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
margin: 0px;
}
.jobcatagory {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: lighter;
color: #183B61;
text-align: center;
line-height: 18px;
}
.uploadcv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: lighter;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #153B60;
}
.contactusheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding-left: 18px;
padding-top: 2px;
font-weight: bold;
}

-->
</style>
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<link href="marqueeheader.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFFFFF;
padding: 0px 10px;
text-align: center;
}
-->
</style>
</head>

<body>
<table width="800" height="800" border="0" align="center" cellspacing="0" bgcolor="#908080" class="bgheader" marginheight="0" top-margin="0">
<tr>
<td height="111" colspan="2" valign="top" class="contactusheader"><a href="contact.html">Contact
Us</a> | <a href="index.html">Home Page</a></td>
<td width="139" valign="top"><form action="" method="post" name="form1" id="form1">
<div align="center">
<div align="center">
<span class="search">
<select name="searchbox" size="7" class="form" id="searchbox" onclick="MM_jumpMenu('parent',this,0)">
<option value="index.html">Please select</option>
<option value="Catagory 01.html">CATAGORY 01</option>
<option value="Catagory 02.html">CATAGORY 02</option>
<option value="Catagory 03.html">CATAGORY 03</option>
<option value="Catagory 04.html">CATAGORY 04</option>
<option value="Catagory 05.html">CATAGORY 05</option>
<option value="Catagory 06.html">CATAGORY 06</option>
<option value="Catagory 07.html">CATAGORY 07</option>
<option value="Catagory 08.html">CATAGORY 08</option>
<option value="Catagory 09.html">CATAGORY 09</option>
<option value="Catagory 10.html">CATAGORY 10</option>
<option value="Catagory 11.html">CATAGORY 11</option>
<option value="Catagory 12.html">CATAGORY 12</option>
</select>
</span></div>
</div>
</form> </td>
</tr>
<tr>
<td height="56"><div align="center"></div></td>
<td height="56" align="center" valign="top" bgcolor="#908080"><img src="fillers/banner.jpg" width="500" height="50" /></td>
<td valign="middle" bgcolor="#908081"><div align="center"></div></td>
</tr>
<tr>
<td width="137" rowspan="3" align="left" valign="top" bgcolor="#908081"><p align="center" class="homepaheaders"><img src="fillers/buttonfiller 4.jpg" width="125" height="125" /></p>
<p align="center" class="homepaheaders"><br />
<img src="fillers/buttonfiller small 4.jpg" width="125" height="50" /><br />
<br />
<img src="fillers/buttonfiller 1.jpg" width="125" height="125" /><br />
<br />
<img src="fillers/buttonfiller small 1.jpg" width="125" height="50" /><br />
<br />
<img src="fillers/buttonfiller 2.jpg" width="125" height="125" /><br />
<br />
<img src="fillers/buttonfiller small 2.jpg" width="125" height="50" /><br />
<br />
<img src="fillers/buttonfiller 3.jpg" width="125" height="125" /><br />
<br />
</p></td>
<td align="left" valign="top" bgcolor="#CCCCCC" class="marqueepadding"><p align="center" class="marqueeheader">MARQUEE
HEADER</p>
<marquee onmouseover="this.stop()" onmouseout="this.start()" height="150"scrollamount="2"
direction="up" loop="true"><div align="left" class="marqueejob"><p align="left"><a href="ref/ref000001.html">JOB
TITLE</a></a><br />
Description, this will consist of a few lines from the main job description
submitted along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a></a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a></a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a></a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a></a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a></a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a></a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a></a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span></p>
<p align="left"><a href="ref/ref000001.html">JOB TITLE</a><br />
Description, this will consist of a few lines from the main job description submitted
along with the full description.<br />
<span class="marqueejobinfo">Manchester&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Permenant&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Salary:
28k&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;Start Date: 00/00/08</span> </div>
</marquee>
<p align="center" class="JOBTYPE">JOB CATAGORIES</p>
<p class="jobcatagory">:: <a href="Catagory 01.html">Catagory 01</a> :: <a href="Catagory 04.html">Catagory
04</a> :: <a href="Catagory 07.html">Catagory 07</a> :: <a href="Catagory 10.html">Catagory
10</a><br />
:: <a href="Catagory 02.html">Catagory 02</a> :: <a href="Catagory 05.html">Catagory
05</a> :: <a href="Catagory 08.html">Catagory 08</a> ::
<a href="Catagory 11.html">Catagory 11</a><br />
:: <a href="Catagory 03.html">Catagory 03</a> :: <a href="Catagory 06.html">Catagory
06</a> :: <a href="Catagory 09.html">Catagory 09</a> :: <a href="Catagory 12.html">Catagory 12</a></p>
<p align="center" class="uploadcv"><a href="contact.html">CLICK HERE TO
UPLOAD YOUR CV</a></p>
<div
align="center">
<p>
<marquee width="100%" loop="true" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()">
<img src="fillers/buttonfiller small 1.jpg" width="125" height="50"> <img src="fillers/buttonfiller small 2.jpg" width="125" height="50"> <img src="fillers/buttonfiller small 3.jpg" width="125" height="50"> <img src="fillers/buttonfiller small 4.jpg" width="125" height="50">
</marquee>
<br />
<img src="fillers/boxbuttonfiller 1.jpg" width="245" height="245" /> <img src="fillers/boxbuttonfiller 2.jpg" width="245" height="245" /><br />
</p>
</div></td>
<td rowspan="2" valign="top"><p align="center" class="homepaheaders"><img src="fillers/skyscraperfiller 1.jpg" width="121" height="400" /><br />
<br />
<img src="fillers/buttonfiller 3.jpg" width="125" height="125" /><br />
<br />
<img src="fillers/buttonfiller small 3.jpg" width="125" height="50" /><br />
<br />
<img src="fillers/buttonfiller 4.jpg" width="125" height="125" /><br />
<br />
<br />
</p></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#908080"><div align="center"></div></td>
</tr>
</table>
</body>
</html>