2013-07-11 69 views
0

我不知道這是如何工作的,因爲它不是一個實時網站,它是一個儀表板,它從化學分析程序中提取數據並給出瀏覽器視圖。我的問題是我有兩個表我需要在頁面頂部對齊。一個對齊左側,另一個居中。現在我有一個表格與圖像logo.gif對齊的中心,然後下面我有一個表意義/符號標題左對齊我需要那些在同一行上任何人都可以告訴我該怎麼做?如果需要查看它的外觀,我可以通過電子郵件發送圖片。我知道有很多破碎的標籤,但我繼承了這一點,它除了頂部的兩個表外都是有效的。表對齊問題HTML JavaScript

<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> 
+0

請等下一次出示小提琴 –

回答

0

這是你想要的嗎?

<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> 
+0

雅貼得夠了,非常感謝。 – chriswiec

+0

一個簡單的問題是,我現在把logo.gif移到了離中心很近的地方嗎? – chriswiec