htmlの一部である表をどのようにスタイル化するのですか？

私はこの質問にフレーズするのが難しいと感じましたが、私はベストを尽くします。私はPHPとMYSQLのリーダーボードを作成していますが、それはすべて動作しますが、今はスタイルを設定したいと思います。私は非常にcssを知らないし、これは簡単な修正かもしれない。私はすべてのデータテーブルの要素がテーブルのように対称的に座るようにテーブルのスタイルを設定しようとしており、ヘッダの中心に揃えています。私は技術的に2つのテーブルを持っているので、それは動作していないと思う私はスタイルをしようとしていると彼らはお互いに協力していません。ここではコードと私のユーザー名をテーブルで許して、私は時々怠け者になる。htmlの一部である表をどのようにスタイル化するのですか？

<!DOCTYPE html> 
<html> 
<head> 
<title>Leaderboards</title> 
<style type="text/css"> 
th { 
    overflow: auto; 
    font-size: 25px; 
    border: 1px solid; 
    padding: 5px; 
    margin: 2px 2px 2px 2px; 
} 
td { 
    font-size: 25px; 
    padding-left: 30px; 
    padding-top: 3px; 
} 
</style> 
</head> 
<body> 
<h1>Leaderboard</h1> 
<table> 
<tr> 
    <th>Rank</th> 
    <th>User</th> 
    <th>Score</th> 
</tr> 
</table> 
<?php 
include 'HytecFunctions.php'; 
$conn=connectDB(); 

$rank = 1; 

    $sql = 'SELECT Name, Score FROM Names ORDER BY Score DESC'; 
foreach ($conn->query($sql) as $row) { 
echo "<table> 
     <td>$rank</td> 
     <td>$row[Name]</td> 
     <td>$row[Score]</td> 
     </tr> 
     </table>"; 
$rank++; 
} 

    $conn->close(); 
?> 
</body> 
</html>

The table as it shows in my browser

出典

2016-05-03 Frank Cerny

ループごとに別のテーブルを作成しようとしているためです。それらをすべて1つのテーブルに入れてみてください。 –

ループの外側にある '

'タグを取り除くだけで、テーブル全体の行' 'は@RajdeepPaulいいえ、各反復では実行されません。これはラップされたpdo api、 ' - > query （） '結果は' foreach'の中で直接使用することができます、[here]（http://php.net/manual/en/pdo.query.php） – Ghost

@RodrigoDuterteああ、ドキュメントリンクありがとう。 :-) –

答えて

あなたは別のテーブルごとにループを作成しようとしているため。それらをすべて1つのテーブルに入れてみてください。

<table> 
    <tr> 
     <th>Rank</th> 
     <th>User</th> 
     <th>Score</th> 
    </tr> 

    <?php 

     include 'HytecFunctions.php'; 
     $conn=connectDB(); 

     $rank = 1; 

     $sql = 'SELECT Name, Score FROM Names ORDER BY Score DESC'; 
     foreach ($conn->query($sql) as $row) { 
      echo '<tr> 
         <td>'.$rank.'</td> 
         <td>'.$row["Name"].'</td> 
         <td>'.$row["Score"].'</td> 
        </tr>'; 
      $rank++; 
     } 

     $conn->close(); 

    ?> 
</table>

注：は、私はあなたの入力$row変数を多くの方法を気にしないでください。行を表示するためにダブルティック（"）を使用しても、あなたはまだ動作します。私はちょうどあなたのコードではるかにクリーンな外観を持っているようにあなたのデータを表示するために単一のダニ（'）を使用します。差異についてはhereを参照してください。

出典

2016-05-03 00:16:47

おそらく '$ row'のキーに引用符を付けた理由を書き留めておきましょう。ちょうどOPが知っている。 – Marcus

Dangは皆様の迅速で質の高い回答に感謝しており、これは私が取り組んできたプロジェクトです。どうもありがとうございます！！！ –

htmlの一部である表をどのようにスタイル化するのですか？

答えて

関連する問題