html로 두 테이블을 정렬하는 방법은 무엇입니까?

나는 양쪽 테이블을 원한다 나의 웹 사이트에 머리말의 바닥에 따라서 정상에 맞추기 위하여. 두 표를 모두 맨 위에 정렬하려면 어떻게합니까? 현재 하나의 테이블이 왼쪽 상단 모서리 (올바른 지점)에 있고 다른 테이블은 페이지의 중앙에 있지만 다른 테이블 아래에 있습니다. 다른 표와 일치하도록 표를 올리려면 어떻게합니까? http://108.210.72.235/docs/
또는 Screen Shot html로 두 테이블을 정렬하는 방법은 무엇입니까?

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

출처

2012-11-02 enrique2334

에서

의 wesite은 왼쪽 테이블의 스타일에 float:left를 추가합니다.

<TABLE CELLSPACING="0" COLS="4" BORDER="0" style="margin:65px 0px 0px 70px;float:left">

출처

2012-11-02 16:12:22

매우 효과적입니다. 감사합니다. – enrique2334

테이블 블록 요소이며, 그래서 당신이 찾고있는 효과를 얻을해야 다음 방법 중 하나를 사용하여 테이블의 스타일을 변경 (페이지의 정상적인 흐름을 다음과) 다른 블록 옆에 앉아하지 않습니다 :

float:left; 

display:inline-block;

출처

2012-11-02 16:13:12 George

두 번째 테이블을 왼쪽에 표시하려면 첫 번째 테이블 아래에 두 번째 테이블에서 valign 및 align 속성을 제거하기 만하면됩니다.

두 번째 테이블을 원하는 경우

는 float:left;

출처

2012-11-02 16:18:16

이 시도 첫 번째 테이블의 style 속성에 다음 코드를 추가하려면 첫 번째 테이블의 오른쪽에, 헤더 아래에 표시 않습니다 ..

<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-02 16:18:33

html로 두 테이블을 정렬하는 방법은 무엇입니까?

답변

관련 문제