把兩個表放在同一行html

Question

我該怎麼把兩張表放在同一行？下面的代碼顯示我的表格轉到新行。請幫幫我 。我想在html

這是我的表格。我希望把它們放在同一行

，這是我的代碼

<table border="1"> 
    <tr> 
     <td><b>#</b></td> 
     <td><b>Request ID</b></td> 
     <td><b>Title</b></td> 
     <td><b>Importance</b></td> 
     <td><b>Date</b></td> 
     <td><b>Status</b></td> 
     <td><b>View/Reply</b></td> 
    </tr> 

    <?php 
    $a=1; 
    $res = mysql_query("SELECT * FROM request WHERE req_status = 'UNDONE' ORDER BY req_status DESC,req_important ASC,req_dateReceive DESC"); 
    while ($row = mysql_fetch_array($res)){ ?> 

    <tr> 
     <td><?php echo $a; ?></td> 
     <td><?php echo $row['req_id']; ?></td> 
     <td><?php echo $row['req_title']; ?></td> 
     <td><?php echo $row['req_important']; ?></td> 
     <td><?php echo $row['req_dateReceive']; ?></td> 
     <td><b><?php echo $row['req_status']; ?></b></td> 
     <?php 
     if($row['req_status'] == "UNDONE") { ?> 
      <td><a href="viewRequestAdmin.php?var1=reply&var=<?php echo $row['req_id']; ?>"><image src = "reply.jpg" height="65" width ="80"></a></td> 
     <?php 
     } 
     else { ?> 
      <td><a href="viewRequestAdmin.php?var1=view&var=<?php echo $row['req_id']; ?>"><image src = "view2.jpg"></a></td> 
     <?php 
     } 
     ?> 
    </tr> 
    <?php 
    $a++; 
    } ?> 
    </table> 

    <td> 
    </td> 


     <table border="1"> 
    <tr> 
     <td><b>#</b></td> 
     <td><b>Request ID</b></td> 
     <td><b>Title</b></td> 
     <td><b>Importance</b></td> 
     <td><b>Date</b></td> 
     <td><b>Status</b></td> 
     <td><b>View/Reply</b></td> 
    </tr> 

    <?php 
    $a=1; 
    $res = mysql_query("SELECT * FROM request WHERE req_status = 'DONE' ORDER BY req_status DESC,req_important ASC,req_dateReceive DESC"); 
    while ($row = mysql_fetch_array($res)){ ?> 

    <tr> 
     <td><?php echo $a; ?></td> 
     <td><?php echo $row['req_id']; ?></td> 
     <td><?php echo $row['req_title']; ?></td> 
     <td><?php echo $row['req_important']; ?></td> 
     <td><?php echo $row['req_dateReceive']; ?></td> 
     <td><b><?php echo $row['req_status']; ?></b></td> 
     <?php 
     if($row['req_status'] == "UNDONE") { ?> 
      <td><a href="viewRequestAdmin.php?var1=reply&var=<?php echo $row['req_id']; ?>"><image src = "reply.jpg" height="65" width ="80"></a></td> 
     <?php 
     } 
     else { ?> 
      <td><a href="viewRequestAdmin.php?var1=view&var=<?php echo $row['req_id']; ?>"><image src = "view2.jpg"></a></td> 
     <?php 
     } 
     ?> 
    </tr> 
    <?php 
    $a++; 
    } ?> 
    </table> 

Answer 1

非CSS的解決方案。 （如需要）

做一個表，並把自然落入列

<table> 
    <tr> 
    <td> 
     <table> 
     <!-- LEFT TABLE --> 
     </table> 
    </td> 
    <td> 
     <table> 
     <!-- RIGHT TABLE --> 
     </table> 
    </td> 
    </tr> 
</table> 

一個小區內的每個表

---

這將是更好地漂浮一些div作爲列，而不是雖然

CSS

.floatLeft { 
    width: 50%; 
    float: left; 
} 

HTML

<div class="floatLeft"> 
    <table></table> 
</div> 
<div class="floatLeft"> 
    <table></table> 
</div> 

---

Answer 2

使用下面的代碼：

table.twoinline { 
    width: 49% 
} 

<table class="twoinline"> 
... 
... 
... 
</table> 
<table class="twoinline"> 
... 
... 
... 
</table>