hI:
This is my entire table code. I need the table to look something like:
Table
table body
In the middle I need the table but I need it on the bottom of the page in the center. I do not know what is wrong with my code. Thank you for helping.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<STYLE>
BODY {
}
.tblReportTitle
{
BORDER-RIGHT: none;
BORDER-TOP: none;
FONT-SIZE: 16pt;
BORDER-LEFT: none;
COLOR: black;
BORDER-BOTTOM: none;
FONT-FAMILY: 'Times New Roman', Arial
}
.tblReportSection
{
FONT-SIZE: 8pt;
FONT-FAMILY: 'Times New Roman', Arial
}
.tblFooterSection
{
FONT-SIZE: 8pt;
FONT-FAMILY: 'Times New Roman', Arial
}
.theading
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-RIGHT: black .5px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.theading th
{
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-TOP: black 1px solid;
}
.data1
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-RIGHT: black .5px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.data1 td
{
BORDER-LEFT: black 1px solid;
BORDER-RIGHT: black .5px solid;
BORDER-BOTTOM: black 1px solid;
}
.ttl
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-RIGHT: black 1px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: #bcbcbc
}
.subend
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-RIGHT: black 1px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.dates
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-RIGHT: black .5px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.dates th
{
BORDER-LEFT: black 1px solid;
BORDER-RIGHT: black .5px solid;
BORDER-BOTTOM: black 1px solid;
}
.blanks
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.blanks th
{
BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid;
}
.totalhead
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: #bcbcbc
}
.totalhead th
{
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
}
.subttl
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.subttl td
{
BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid;
}
.subttl th
{
BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid;
}
.peopleinfo
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-LEFT: black 1px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.peopleinfo th
{
BORDER-LEFT: black 1px solid;
}
.bottom
{
FONT-WEIGHT: bold;
FONT-SIZE:8pt;
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
FONT-FAMILY: 'Times New Roman', Arial;
BACKGROUND-COLOR: white
}
.bottom th
{
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
}
.totals
{
background-color: #bcbcbc ;
border-bottom: black 1px solid;
border-left:black 1px solid
}
.tdTitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 12pt;
COLOR: black;
}
@media print{
.printHidden{
display:none;
}
@page {size: 8.5in 11in;}
@page rotate{size:landscape;}
form {page:rotate;}
</STYLE>
<DIV ID=HideFromPrinter Name=HideFromPrinter class=PrintHidden>
<FORM id=form1 name=form1 method=POST action="DBPageLoad.asp?sname=PayRoll">
<INPUT type="hidden" id=FO name=FO value="1">
<INPUT type="hidden" id=SC name=SC value="0">
<INPUT type="hidden" id=ID name=ID value="12011">
<tt class=txt8b>Pay Period </tt><INPUT style="TEXT-ALIGN: center;" class=txt8 type="text" id=Date name=Date value="10/1/2003" maxlength=10 size=10 >
<INPUT type="submit" value="View PayRoll" id=submit1 name=submit1 class=txt8b>
</FORM>
</DIV>
<DIV ID=ReportContents Name=ReportContents class=PageLandscape>
<TABLE style="page-break-inside: avoid" cellSpacing=0 cellPadding=0 class=tblReportTitle width=100%>
<TR>
<TD ALIGN=CENTER class=tdTitle>Pay Period End Date:11/01/03</TD>
</TR>
<TR>
<TD>
<TABLE align="left" class=tblReportSection width=100% cellspacing=0 COLS=28>
<THEAD>
<TR class=theading VALIGN=TOP>
<TH ROWSPAN=5>PEOPLE INFORMATION</TH>
<TH COLSPAN=2>SATURDAY</TH>
<TH COLSPAN=2>SUNDAY</TH>
<TH COLSPAN=2>MONDAY</TH>
<TH COLSPAN=2>TUESDAY</TH>
<TH COLSPAN=2>WEDNESDAY</TH>
<TH COLSPAN=2>THURSDAY</TH>
<TH COLSPAN=2>FRIDAY</TH>
<TH COLSPAN=6 ROWSPAN=3 WIDTH=20>BIWEEKLY TOTAL HOURS AND EARNINGS</TH>
<TH COLSPAN=6 ROWSPAN=3 ALIGN=LEFT>ID #</TH>
</TR>
<TR class=theading>
<TH VALIGN=MIDDLE>IN</TH>
<TH VALIGN=MIDDLE>OUT</TH>
<TH VALIGN=MIDDLE>IN</TH>
<TH VALIGN=MIDDLE>OUT</TH>
<TH VALIGN=MIDDLE>IN</TH>
<TH VALIGN=MIDDLE>OUT</TH>
<TH VALIGN=MIDDLE>IN</TH>
<TH VALIGN=MIDDLE>OUT</TH>
<TH VALIGN=MIDDLE>IN</TH>
<TH VALIGN=MIDDLE>OUT</TH>
<TH VALIGN=MIDDLE>IN</TH>
<TH VALIGN=MIDDLE>OUT</TH>
<TH VALIGN=MIDDLE>IN</TH>
<TH VALIGN=MIDDLE>OUT</TH>
</TR>
<TR class=theading>
<TH COLSPAN=2 VALIGN=TOP>10/26/03</TH>
<TH COLSPAN=2 VALIGN=TOP>10/27/03</TH>
<TH COLSPAN=2 VALIGN=TOP>10/28/03</TH>
<TH COLSPAN=2 VALIGN=TOP>10/29/03</TH>
<TH COLSPAN=2 VALIGN=TOP>10/30/03</TH>
<TH COLSPAN=2 VALIGN=TOP>10/31/03</TH>
<TH COLSPAN=2 VALIGN=TOP>11/01/03</TH>
</TR>
</THEAD>
<TBODY>
<TR class=data1 class=peopleinfo>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>NAME: BATTAGLISE,MICHAEL</TH>
<TD ALIGN="CENTER">12</TD>
<TD ALIGN="CENTER">1</TD>
<TD ALIGN="CENTER">5</TD>
<TD ALIGN="CENTER">6</TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TD ALIGN="CENTER"> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>REG</TH>
<TD>1</TD>
<TD>40</TD>
<TH class=subttl>SUPP</TH>
<TD>78</TD>
<TD>2</TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>PEOPLE ID # </TH>
<TD>5789</TD>
</TR>
<TR class=data1 class=peopleinfo>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>CC: 0933 PROJECT SUPPORT</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>O/T</TH>
<TD>5</TD>
<TD>12</TD>
<TH class=subttl>BHP</TH>
<TD>2</TD>
<TD class=subend>8</TD>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>HIRE DATE: 3/12/01</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>SHP</TH>
<TD>4P</TD>
<TD>20</TD>
<TH class=subttl>SDP</TH>
<TD> </TD>
<TD> </TD>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>BASED HOURS: 80.00</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>UHP</TH>
<TD>4P</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>WEEKEND: 11/1/03</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=bottom>SIGNATURE: ZISHAN</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TBODY>
<TBODY>
<TR>
<TH class=dates COLSPAN=1 VALIGN=TOP> </TH>
<TH class=dates COLSPAN=2 VALIGN=TOP>11/02/03</TH>
<TH class=dates COLSPAN=2 VALIGN=TOP>11/03/03</TH>
<TH class=dates COLSPAN=2 VALIGN=TOP>11/04/03</TH>
<TH class=dates COLSPAN=2 VALIGN=TOP>11/05/03</TH>
<TH class=dates COLSPAN=2 VALIGN=TOP>11/06/03</TH>
<TH class=dates COLSPAN=2 VALIGN=TOP>11/07/03</TH>
<TH class=dates COLSPAN=2 VALIGN=TOP>11/08/03</TH>
<TH class=blanks COLSPAN=6 ROWSPAN=3 VALIGN=TOP> </TH>
<TH class=totalhead COLSPAN=6 ROWSPAN=3 VALIGN=TOP>TOTALS</TH>
</TR>
</TBODY>
<TBODY>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>NAME: BATTAGLISE,MICHAEL</TH>
<TD>8</TD>
<TD>12</TD>
<TD>8</TD>
<TD>12</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>REG</TH>
<TD>1</TD>
<TD> </TD>
<TH class=subttl>SUPP</TH>
<TD>78</TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=totals>REG</TH>
<TD class=totals>1</TD>
<TH class=totals>52</TH>
<TH class=totals>SUPP</TH>
<TD class=totals>78</TD>
<TH class=ttl>56</TH>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>CC: 0933 PROJECT SUPPORT</TH>
<TD>1</TD>
<TD>5</TD>
<TD>SHP</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>O/T</TH>
<TD>5</TD>
<TD> </TD>
<TH class=subttl>BHP</TH>
<TD>2</TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=totals>O/T</TH>
<TD class=totals>5</TD>
<TH class=totals>12</TH>
<TH class=totals>BHP</TH>
<TD class=totals>2</TD>
<TH class=ttl>4</TH>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>HIRE DATE: 3/12/01</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>SHP</TH>
<TD>4P</TD>
<TD> </TD>
<TH class=subttl>SDP</TH>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=totals>SHP</TH>
<TD class=totals>4P</TD>
<TH class=totals>32</TH>
<TH class=totals>SDP</TH>
<TD class=totals>11</TD>
<TH class=ttl> </TH>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>BASED HOURS: 80.00</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=subttl>UHP</TH>
<TD>4P</TD>
<TD>16</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TH ALIGN=LEFT VALIGN=LEFT class=totals>UHP</TH>
<TD class=totals>4P</TD>
<TH class=totals>16</TH>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=ttl> </TD>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=peopleinfo>WEEKEND: 11/1/03</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=ttl> </TD>
</TR>
<TR class=data1>
<TH ALIGN=LEFT VALIGN=MIDDLE class=bottom>SIGNATURE: ZISHAN</TH>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=totals> </TD>
<TD class=ttl> </TD>
<TD class=ttl> </TD>
</TR>
<TD VALIGN="MIDDLE">
<TABLE class=tblReportSection>
<TR height=12>
<TH align="left" width=200>Commonly Used Time Away From Work</TH>
<TH align="left" width=75>With Pay</TH>
<TH align=left width=75>Without Pay</TH>
</TR>
<TR height=12>
<TD align=left width=200>Scheduled Hours</TD>
<TD align=left width=75>SHP</TD>
<TD align=left width=75>SHN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Unscheduled Hours</TD>
<TD align=left width=75>UHP</TD>
<TD align=left width=75>UHN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Bank Holiday</TD>
<TD align=left width=75>BHP</TD>
<TD align=left width=75>N/A</TD>
</TR>
<TR height=12>
<TD align=left width=200>Floating Bank Holiday</TD>
<TD align=left width=75>FBHP</TD>
<TD align=left width=75>N/A</TD>
</TR>
<TR height=12>
<TD align=left width=200>STD @ 100%</TD>
<TD align=left width=75>SDP</TD>
<TD align=left width=75>SDN</TD>
</TR>
<TR height=12>
<TD align=left width=200>STD @ 75%</TD>
<TD align=left width=75>SD7</TD>
<TD align=left width=75>SDN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Military</TD>
<TD align=left width=75>MLP</TD>
<TD align=left width=75>MLN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Workers Compensation @ 100%</TD>
<TD align=left width=75>WC</TD>
<TD align=left width=75>N/A</TD>
</TR>
<TR height=12>
<TD align=left width=200>Workers Compensation @ 75%</TD>
<TD align=left width=75>WC7</TD>
<TD align=left width=75>N/A</TD>
</TR>
<TR height=12>
<TD align=left width=200>Leave of Absence</TD>
<TD align=left width=75>N/A</TD>
<TD align=left width=75>LAN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Family Death</TD>
<TD align=left width=75>FDP</TD>
<TD align=left width=75>N/A</TD>
</TR>
<TR height=12>
<TD align=left width=200>Wedding Wacation</TD>
<TD align=left width=75>WVP</TD>
<TD align=left width=75>N/A</TD>
</TR>
<TR height=12>
<TD align=left width=200>Adoption @ 100%</TD>
<TD align=left width=75>ABP</TD>
<TD align=left width=75>ABN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Adoption @ 75%</TD>
<TD align=left width=75>AB7</TD>
<TD align=left width=75>ABN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Parental Leave</TD>
<TD align=left width=75>ABP</TD>
<TD align=left width=75>ABN</TD>
</TR>
<TR height=12>
<TD align=left width=200>GrandParent Leave</TD>
<TD align=left width=75>FWP</TD>
<TD align=left width=75>N/A</TD>
</TR>
<TR height=12>
<TD align=left width=200>Tardiness</TD>
<TD align=left width=75>TDP</TD>
<TD align=left width=75>TDN</TD>
</TR>
<TR height=12>
<TD align=left width=200>Jury Duty</TD>
<TD align=left width=75>JDP</TD>
<TD align=left width=75>N/A</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>