Table Alignment Issues HTML JavaScript -
i don't know how going work because, not live website, dashboard pulls data chemical analysis program , give browser view of it. issue have 2 tables need aligned @ top of page. 1 aligned left , 1 centered. right have table image logo.gif aligned center below have table meaning/symbol headers aligned left need on same line can show me do? can email picture if need see looks like. know there lot of broken tags, inherited , works except 2 tables on top.
<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> truelogic company <p> edited 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>
is want ?
<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'> </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> truelogic company <p> edited 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>
Comments
Post a Comment