テーブルと罫線

Question

cssで作業するためにテーブルや枠線を取得するのに少し問題があります。

私がやっていることは、<table id=usertable>をとり、border-widthとborder-styleを付けています。

境界線の外側の部分は、幅とスタイルの影響を受けます。内部のすべての値と行は、この影響を受けていません。働く唯一のものは境界線の色です。何らかの理由で国境をHTMLでborder=1と指定する必要がありました。

CSS：

#usertable { 
    border-style: dashed; 
    border-width: 10px; 
    border-color: red; 
    padding: 20px; 
    margin: auto; 
    margin-top: 20px; 
    border-collapse: collapse; 
} 

PHP：

echo "<table id=usertable> 
    <tr> 
     <td id=usertable_top>ID</td> 
     <td id=usertable_top>USERNAME</td> 
     <td id=usertable_top>PASSWORD</td> 
     <td id=usertable_top>EMAIL</td> 
     <td id=usertable_top>ADMIN</td> 
     <td id=usertable_top>ACTIONS</td> 
    </tr>"; 

    while($row = $result->fetch_assoc()){ 
     echo " 
      <tr> 
       <td>$row[ID]</td> 
       <td>$row[USERNAME]</td> 
       <td>$row[PASSWORD]</td> 
       <td>$row[EMAIL]</td> 
       <td>$row[ADMINSTATUS]</td> 
     "; 
    if ($_SESSION[adminsts] == sadmin) { 
     echo " 
      <td>Make Admin</td> 
     "; 
    } 
    echo " 
     </tr> 
    "; 
} 

echo "</table>"; 

Answer 1

テーブルの上の境界線を設定するには、まさにそれを行います。

表のセルに境界線を設定する場合は、表のセルをスタイルする必要があります。

td, th { 
    border: solid blue 1px; 
} 

Answer 2

誤った形式でHTMLをフォーマットしています。 IDは、文書全体で一度だけ使用する必要があります（利用クラス=「YOURCLASS」の代わりに）

td.yourclass{} #to apply rules to the td's 

th.yourclass{} #to apply rules to the th's 

tr.yourclass{} #to apply rules to the tr's 

か、テーブルのid =「USERTABLE」を使用して、

#usertable td{} 

#usertable tr{} 

#usertable th{} 

ですべての要素にアクセスすることができます