我不知道这将如何工作，因为它不是一个实时网站，它是一个仪表板，它从化学分析程序中提取数据并提供浏览器视图。我的问题是我需要在页面顶部对齐两个表格。一个向左对齐，一个居中。现在我有一个带有图像 logo.gif 对齐中心的表格，然后在它下面我有一个表格含义/符号标题对齐到左侧我需要那些在同一行上的人可以告诉我该怎么做吗？如果需要查看它的外观，我可以通过电子邮件发送图片。我知道有很多损坏的标签，但我继承了这个，除了上面的两个表之外，它都可以正常工作。
<div align="center">
<table border="0" width="800" id="Nav" cellpadding="0" cellspacing="0" valign="top" >
<tr>
<td height="60" width="100%"><p align="center"><img border="0" src="../Images/Logo.jpg" width="199" height="101"></td>
</tr>
<tr>
<td width="100%" bordercolorlight="#FFFFFF" bordercolordark="#808080" align="center" valign="top">
<TABLE BORDER=2 width="23%" align="left" id="BodyTable" height="20" cellspacing="0" cellpadding="0" bordercolor="#000000">
<TR> <TH>Meaning</TH> <TH>Symbol</TH> </TR>
<TR> <TD><b>No Schedule</TD> <TD align="center"><img src='../Images/Not- ScheduledMain2.png' width='20' height='22' align='center'></TD> </TR>
<TR> <TD><b>Deactivated Tanks</TD> <TD align="center"><img src='../Images/Gray-Astris2.png' width='20' height='22' align='center'></TD> </TR>
<TR> <TD><b>Test Scheduled</TD> <TD align="center"> <img src='../Images/BlueTest2.png' width='20' height='22' align='center'></TD> </TR>
<TR> <TD><b>Test In Process</TD> <TD align="center"><img src='../Images/GreenTest2.png' width='20' height='22' align='center'></TD> </TR>
<TR> <TD><b>Test Late</TD> <TD align="center"> <img src='../Images/RedTest2.png' width='20' height='22' align='center'></TD></TR>
<tr>
</TABLE>
</tr>
<tr>
<td width="100%" bordercolorlight="#FFFFFF" bordercolordark="#808080" align="center" valign="top">
<table border="0" width="100%" id="HeaderTable" cellspacing="0" cellpadding="0" valign="top" height="73">
<tr>
<td colspan="3" height="34"><p align="center"><b><font face="Arial" size="5">IEC's TrueLogic Dashboard</font></b></td>
</tr>
<tr>
<td colspan="3" height="39"><p align="center">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="340" width="110%" bordercolorlight="#FFFFFF" bordercolordark ="#808080" align="center" valign="top">
<table border="0" width="100%" id="BodyTable" height="20" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF">
<tr>
<td height='20' width='20' bgcolor="#C0C0C0" ><p align='center'> </td>
<td width='14'> <td>
<td height='20' width='360' bgcolor="#C0C0C0" ><p align='center'><a><b>Process Line</b></td>
<!-- Sample Item Removed <td height='10' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Sample</b></td>
--> <td width='14'> <td>
<td height='20' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Test Status</b></td>
<td width='14'> <td>
<td height='20' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Adds</b></td>
<td width='14'> <td>
<td height='20' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Corrective Action</b></td>
</tr>
</Table>
<table border="0" width="100%" id="BodyTable" height="37" cellspacing="0" cellpadding="0" valign="top">
<script type="text/javascript">[ItemsHTML]
</script>
</table>
</td>
</tr>
<tr>
<td HEIGHT="25"></td>
</tr>
<tr>
<td height="25">
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1">
<tr>
</tr>
<td width="335"><p align="left"><font size="1"> <p> By TrueLogic Company <p> Edited By International Electronic Components</font></td>
<td width="290"><p align="center"></td>
<td width="135"><p align="right"><font size="1">[LastBuild]</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td HEIGHT="25"></td>
</td>
</tr>
</table>
</div>
</body>
</html>