La frontière autour de la table ligne

Je suis en train de créer une bordure autour de la ligne du haut SEULEMENT! Actuellement, une frontière sera affiché uniquement autour de l'extérieur de la table. Mais je veux aussi une bordure autour de la première ligne. Quelqu'un peut-il m'aider à faire cela? Je veux la ligne avec l'Équipe, choix Corrects, et des Points pour avoir une bordure autour d'elle.

<body>
    <?=$leaguename?>
    <center><table cellspacing="0" style="width:400px; border:1px solid gray">
    <?
    echo "<tr border=\"1\"><td> Team </td><td>Correct Picks</td><td>Points</td></tr>";
    while($row = mysql_fetch_array($memberslist)) {
        if ($row['User_ID'] == $id) {
            echo "<tr style=\"border:1px solid gray\" bgcolor=\"gray\"><td>" . $row['User_ID'] . "</td><td><b>" . $row['Correct_Picks'] . " </b> /" . $maxcorrectpicks . "</td><td>" . $row['Points'] . "</td></tr>";
        } else {
            echo "<tr><td>" . $row['User_ID'] . "</td><td><b>" . $row['Correct_Picks'] . " </b> /" . $maxcorrectpicks . "</td><td>" . $row['Points'] . "</td></tr>";
    }
    }
    ?>
    </table></center>

</body>
  • Vous avez vraiment besoin de valider votre HTML. Vous ne pouvez pas avoir un <h2> comme un enfant de <table>. Appliquer une bordure à la style attribut de la première <tr>, ou mieux, de le mettre dans votre fichier CSS.
  • J'ai essayé d'ajouter border=1, mais cela ne fonctionne pas vous pouvez poster ce que vous suggérez??
  • Non valide et non-sémantique HTML entrecoupé de fortes PHP logique. Si vous continuez avec ce code, vous allez être dans le développement de l'enfer très rapidement. Découvrez un MVC framework comme Symfony Yii ou CodeIgniter, et de commencer à regarder à l'aide de mises en forme CSS si possible.
  • Rien de tout cela n'est pas valide car il est de travail. Oui, il n'est pas un moyen souhaitable, mais actuellement, je ne m'inquiète pas. Merci de m'aider avec ma question.
InformationsquelleAutor John Doe | 2012-08-05
  1. 0

    C'est de la présentation, afin de le mélanger dans le PHP est une mauvaise idée. Au lieu de cela, utiliser des CSS:

    tr:first-child td { border-top: 1px solid black; border-bottom: 1px solid black; }
tr:first-child td:first-child { border-left:1px solid black; }
tr:first-child td:last-child { border-right:1px solid black; }

    IE7+8 soutien pour l' *l'enfant sélecteurs peut être un peu buggé. Si cela ne fonctionne pas dans ces navigateurs, envisager l'utilisation de JavaScript polyfills.

    Vous pouvez également mettre les en-têtes à l'intérieur de <thead> et <th> d'éléments pour que le <tr> avec les données de la première ligne dans une <tbody> élément.

    par exemple

    <table>
  <thead>
    <tr>
      <th>Team</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
    </tr>
  </tbody>
</table>
    InformationsquelleAutor Dan Blows