0

両方のテーブルを、Web サイトのヘッダーの下部に沿って上部に配置する必要があります。両方のテーブルを上に揃えるにはどうすればよいですか? 現在、1 つのテーブルは左上隅 (正しい場所) にあり、もう 1 つのテーブルはページの中央にありますが、他のテーブルの下にあります。テーブルを他のテーブルと一列に並べるにはどうすればよいですか?

ウェブサイト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

2 番目のテーブルを左側に表示する場合は、最初のテーブルの下で、 2 番目のテーブルからプロパティvalignとalignプロパティを削除します。

2 番目のテーブルをヘッダーの下に表示する場合は、最初のテーブルの右側で、次のコードを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 に答える
0

表はブロック要素であるため、次のいずれかの方法で表のスタイルを変更すると (ページの通常の流れに従って) 別のブロックの隣に配置されることはありません。これにより、探している効果が得られます。

float:left;

display:inline-block;
于 2012-11-02T16:13:12.383 に答える