-2

あなたの助けが必要です。2番目のテーブルが最初のテーブルの下にあり、両方を互いに近くに配置する方法がわからないため、2つのテーブルを一列に並べるにはどうすればよいですか。

私のコード：

<html>
  <head>
   </head>
    <body>
     <h3>Tests</h3>
 <div  style="display: inline;">
    <table border="3">      
     <tr>
       <th>

<?php
  $con = mysql_connect("localhost","root","sergios.com");
 if (!$con)
 {
 die('Could not connect: ' . mysql_error());
 }

  mysql_select_db("phptests", $con);


  $result1 = mysql_query("SELECT * FROM question");

   for($i=1;$i<93;++$i)
   { 
   $result = mysql_query("SELECT * FROM Category"); 
  echo "Number:".$i."<br />";
   echo "<select>";
   while ($line = mysql_fetch_array($result, MYSQL_ASSOC))
  {
  echo "<option>" .  $line['name'] . "</option>";
   }
  echo "</select>"; 
  ?>
 <canvas id="myCanvas" width="20" height="20" style="border:1px solid #c3c3c3;">
    </canvas>
            <?php 
  }
   ?>
 </table>              
<table border="2">
      <tr>
        <th>
  <?php
 for($i=1;$i<92;++$i)
    { 
  $result2 = mysql_query("SELECT * FROM question");
     echo "<select>";
    while($row1 = mysql_fetch_array($result2))
     {
    echo "<option>" . $row1['number'] . "</option>";
    }
   echo "</select>";         
   echo "<hr />";  
 }
mysql_close($con);          
 ?>
      </tr>
  </table>
 </div>
</body>
</html>
4

2 に答える 2

0

2 つのテーブルを HTML ブロックに入れます。

<div class="table-container>

次に、次の CSS を使用します。

.table-container {
    display: inline-table;
}

あなたはすでにそれと同等のことをしましたが、最初のテーブルに対してのみ、両方 (または少なくとも 2 番目) に対してそれを行います。そして、「2 つのテーブルに 1 つの div」ではなく、「2 つのテーブルに 2 つの div」のifを実行します。

于 2012-10-24T12:59:49.930 に答える
-1

1 番目と 2 番目のテーブルを 2 つの異なる要素に配置し、それらをフロートします。例えば

    <div style="float:right">
    <table>
    -----
    -----
    </table>
    </div>

    <div style="float:left">
    <table>
    ----
    ----
    </table>
</div>

次に、css を使用してそれに応じてスタイルを設定します

于 2012-10-24T13:03:09.850 に答える