表對齊問題HTML JavaScript

Question

我不知道它是如何工作的，因為它不是一個實時網站，而是一個儀表板，可從化學分析程序中提取數據並提供瀏覽器視圖。 我的問題是我需要在頁面頂部對齊兩個表。 一排在左邊，另一排在中心。 現在我有一個桌子，其圖像徽標.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'>&nbsp;</td>
                <td width='14'>&nbsp;<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'>&nbsp;<td>
                <td height='20' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Test Status</b></td>
                <td width='14'>&nbsp;<td>
                <td height='20' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Adds</b></td>
                <td width='14'>&nbsp;<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>

Answer 1

這是你想要的嗎 ？

<div align="center">
<table border="0" width="800" id="Nav" cellpadding="0" cellspacing="0" valign="top" >
<tr>
    <td height="60" width="100%" align="center">
        <TABLE style="float:left;" 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>
        <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="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'>&nbsp;</td>
                <td width='14'>&nbsp;<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'>&nbsp;<td>
                <td height='20' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Test Status</b></td>
                <td width='14'>&nbsp;<td>
                <td height='20' width='120' bgcolor="#C0C0C0" ><p align='center'><a><b>Adds</b></td>
                <td width='14'>&nbsp;<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>