Le titre est réécrit comme suit : "TD affiche une anomalie"

Question

<tr> 
    <td></td> 
    <td colspan="3">Susi Handayani Jl. Kebangsaan No.225 300.000</td> 
</tr>

Comment fusionner deux tds en un seul td mais ils ne collent pas ensemble, je veux que le texte ne colle pas ensemble et laisse un peu d'espace entre le td supprimé pour qu'il soit identique aux colonnes ci-dessus

J'ai essayé d'aligner mais ça n'a pas fonctionné, j'ai aussi essayé de diviser le tr et j'ai essayé de supprimer le td d'un paragraphe mais il restait toujours coincé avec le deuxième paragraphe (td), ce à quoi je m'attendais, c'est que le td ne colle pas ensemble, Alignez plutôt le texte au-dessus du texte que j'ai créé

<h3>Tabel HTML</h3>
<table>
<caption>Tabel Simpanan Peserta</caption>
  <thead>
    <tr>
      <th>No</th>
      <th>Nama Peserta</th>
      <th>Alamat</th>
      <th>Simpanan</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td colspan="3">Total</td>
    <td>350.000</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>1.</td>
      <td>Andi Suryono</td>
      <td>Jl. Kemerdekaan No.17</td>
    <td>50.000</td>
    </tr>
    <tr>
      <td>2.</td>
        <td colspan="3">Susi Handayani
        Jl. Kebangsaan No.225
        300.000</td>
    </tr>
    <tr>
        <td>3.</td>
        <td>Roy Pratama</td>
        <td>Jl. Merdeka No.32</td>
      <td>1.000.000</td>
      </tr>
    </tr>
    <tr>
      <td>4.</td>
      <td>Tia Suryani</td>
      <td>Jl. Jelajah No.111</td>
    <td>1.555.000</td>
    </tr>
  </tbody>
</table>

J'essaie de faire en sorte que le tableau se mélange mais ne colle pas, je prévois de laisser un peu d'espace pour le texte, comment puis-je créer de l'espace pour chaque colonne

Answer 1

Vous parlez de styles, mais vous n'avez posté aucune balise de style ni CSS. Veuillez publier votre CSS générique qui reproduit le problème, ou au moins fournir une capture d'écran du problème.

Habituellement, l'espacement dans les tableaux est obtenu grâce au remplissage. Essayez un code comme celui-ci :

<style>
td { 
    padding: 5px 10px;
}
</style>

Cela ajoutera 5 pixels d'espace au-dessus et en dessous de chaque cellule du tableau, et 10 pixels de chaque côté.