두 테이블의 꼭대기 정렬

내 페이지에는 두 개의 테이블이 있으며 나란히 표시됩니다. 두 테이블의 꼭대기를 정렬하고 싶습니다. 그렇게하는 방법?두 테이블의 꼭대기 정렬

편집 :

<body> 
    <table id="main" cols="2"> 
    <tr>  
    <td> 
    <Form id="frmNewEntry" method="post" action="insert_listing.php"> 
     <table id="tblEntry" cols="3" style="border-color:lightblue; border-style:solid;"> 
      <tr><td colspan="3" bgcolor="lightblue" align="center"><strong>Real-Time Vacancy Entry</strong></td></tr> 
      <tr><td>Date:</td><td><input id="LDate" name="LDate" type="text" size="20" maxlength="11"/>[Select Date from the Calendar Control] 
       <script type="text/javascript"> 
        calendar.set("LDate"); 
       </script></td> 
       <td> 
        <table> 
         <tr> 
          <td rowspan="6"> 
          <!-- <iframe src="show_db_vacancy_entries.php" height="800px" width="300px" bordercolor="cyan"> 

           </iframe> --> 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr> 
      <tr><td>Places:</td><td><input id="Places" name="Places" type="text" size="35" maxlength="30" onblur="this.value=MakeInitialCapital(this.value);"></td></tr> 
      <tr><td>Company:</td><td><input id="Company" name="Company" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"> 
      <!-- <input type="button" value="Make Initial Capital" align="left" onclick="this.value=MakeInitialCapital(this.value);"></tr> --> 
      <tr><td>Designation:</td><td><input id="Designation" name="Designation" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"></td></tr> 
      <tr><td>Project Details:</td><td><textarea id="ProjectDetails" name="ProjectDetails" cols="100" rows="10"></textarea></td></tr> 
      <tr><td>Desired Candidate:</td><td><textarea id="DesiredCandidate" name="DesiredCandidate" rows="3" cols="100"></textarea> <br></td></tr> 
      <tr><td>HR Name:</td><td><input id="HRName" name="HRName" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"> <br></td></tr> 
      <tr><td>HR Contact:</td><td><input id="HRContact" name="HRContact" type="text" size="50"> <br></td></tr> 
      <tr><td>Email:</td><td><input id="Email" name="Email" type="text" size="50"> <br></td></tr> 
      <tr></tr> 
      <tr> 
       <td bgcolor="lightblue"> 
        <input id="Submit" name="Submit" value="Clear" type="button"> 
       </td> 
       <td bgcolor="lightblue"> 
        <input id="Submit" name="Submit" value="Submit" type="button"> 
       </td> 
      </tr> 

     </table> 
    </Form> 
    </td> 
    <td> 
     <table id="list" cols="2" style="border:none"> 
      <tr> 
       <td colspan="2" style="border:none"> 
        <iframe src="show_db_vacancy_entries.php" height="800px" style="border:none;"> 

        </iframe> 
       </td> 
      </tr> 
      <tr> 
       <td align="left"> 
        <input id="Update" name="Update" value="Update" type="button"> 
       </td> 
       <td align="right"> 
        <input id="Delete" name="Delete" value="Delete" type="button"> 
       </td>     
      </tr> 
     </table> 
    </td> 
    </tr> 
    </table> 
</body>

출처

2009-12-15 RKh

이 코드를 제공 할 수 있습니까? – rahul

는 지금까지 내가 당신의 질문을 이해 수 있기 때문에 이것은

<div> 
    <table id="tbl1" style="float:left"></table> 
    <table id="tbl2" style="float:left"></table> 
</div>

출처

2009-12-15 07:48:32 Treby

그것이 맞다면 제 대답을 확인하십시오 .. tnx – Treby

을보십시오 : 당신은 사용해야

<table id="table 1"> 
    <tr> 
    <td valign="top">....<td> 
    </tr> 
</table> 

<table id="table 2"> 
    <tr> 
    <td valign="top">....<td> 
    </tr> 
</table>

출처

2009-12-15 07:51:45 Sarfraz

하지만 어디에서 사용할 수 있습니까? – RKh

두 테이블을 세 번째 테이블 안에 나란히 쌓아두면 작동합니다. 이 경우 valign 속성이 외부 테이블의 셀에 추가됩니다. – Anurag

표가 포함 된 셀 에 추가하십시오. 그리고 checkout display : table-cell 및 float : CSS 솔루션을 위해 왼쪽. – Anurag

두 테이블의 꼭대기 정렬

답변

관련 문제