0

我希望这两个表格在我的网站标题底部的顶部对齐。我怎样才能让两个表格都对齐到顶部？目前，一张桌子位于左上角（正确位置），另一张桌子位于页面中心，但位于另一张桌子下方。如何将桌子抬高以与另一张桌子对齐？

网站http://108.210.72.235/docs/
或 屏幕截图 

<TABLE CELLSPACING="0" COLS="4" BORDER="0" style="margin:65px 0px 0px 70px;">
    <COLGROUP SPAN="4" WIDTH="85"></COLGROUP>
    <TR>
        <TD BGCOLOR="#D7D7D7" style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><A HREF="/docs" style="text-decoration: none;">Documents</A></TD>

    <TR>
        <TD BGCOLOR="#DD8D8"style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><A HREF="/erm" style="text-decoration: none;">Erm?</A></TD>
        <TD ALIGN="LEFT"><BR></TD>
    <TR>
        <TD BGCOLOR="#D8D8D8"style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><A HREF="/music" style="text-decoration: none;">Music</A></TD>
        <TD ALIGN="LEFT"><BR></TD>


</TABLE>
<TABLE VALIGN=CENTER ALIGN=CENTER>
<?php
 if ($handle = opendir('.')) {
   while (false !== ($file = readdir($handle)))
      {
          if ($file != "." && $file != "..")
      {
            $thelist .= '   <TR>
        <TD BGCOLOR="#D8D8D8" style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><a href="'. $file.'">' .$file. '</a></TD>
        <TD ALIGN="LEFT"><BR></TD>';
          }
       }
  closedir($handle);
  }
?>
<P><?=$thelist?></p>
</TABLE>
4

4 回答 4

1

添加float:left到左侧表格的样式。

<TABLE CELLSPACING="0" COLS="4" BORDER="0" style="margin:65px 0px 0px 70px;float:left">
于 2012-11-02T16:12:22.383 回答
0

表格是块元素，因此永远不会位于另一个块旁边（遵循页面的正常流程）以下列方式之一更改表格的样式应该会得到您正在寻找的效果：

float:left;

display:inline-block;
于 2012-11-02T16:13:12.383 回答
0

如果您希望第二个表格显示在左侧，请在第一个表格下方从第二个表格中删除valignandalign属性。

如果您希望第二个表格确实显示在您的标题下，请在第一个表格的右侧将以下代码添加到style您的第一个表格的属性中float:left;

于 2012-11-02T16:18:16.453 回答
0

试试这个..

<table border="1" width="100%">  
  <tr>  
    <td width="20%>  
      Insert table 1 here  
    </td>  
    <td width="80%>  
      Insert table 2 here  
    </td>  
  </tr>  
</table>
于 2012-11-02T16:18:33.403 回答