Voici mon HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Credit Balance</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <h1 id="idInput">Account </h1>
    <table>
        <thead>
         <tr>
             <th>Balance</th>
             <th>Charges/Credits</th>
         </tr>
        </thead>
        <tbody>
            <tr>
                <td id="balance">filler</td>
                <td id="chargeCredit"> filler</td>
            </tr>
        </tbody>
    </table>
    <script src="accountprompt.js"></script>
    <script src="index.js"></script>
</body>
</html>

Et voici le CSS

h1 {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-weight: 500;
}

table,
th,
td {
  border: 1px solid black;
}

table {
  border-collapse: collapse;
}
th,
td {
  padding: 15px;
  text-align: left;
  font-weight: lighter;
  font-family: Arial, Helvetica, sans-serif;
}

J'ai essayé de supprimer mon CSS ou JS, mais je n'arrive pas à faire revenir les bordures... quand je me suis couché hier soir, je jure que ça fonctionnait bien, mais j'ai dû éditer quelque chose et me coucher !

0
user14630610 13 nov. 2020 à 18:40

1 réponse

Meilleure réponse

Quand je suis allé sur https://jsfiddle.net/6a0opv7d/ et que j'ai mis ton code, j'ai vu les bordures . Peut-être que vous devez vider votre cache et recharger. Cela peut être fait en faisant Shift + F5 sous Windows. Ou assurez-vous que votre CSS est correctement lié, bien que tous les autres CSS fonctionnent.

    table, th, td {
      border: 1px solid black;
    }
-1
IPSDSILVA 13 nov. 2020 à 15:58