Comment supprimer l'espace blanc entre les lignes du tableau

Question

Je travaille actuellement sur quelque chose de très facile pour l'école, mais j'échoue sur quelque chose de simple. J'essaie d'obtenir ce résultat, mais à la place j'ai un espace blanc entre les lignes de la table. Je serais vraiment heureux si cela est corrigé. Si vous avez un peu de temps, pourriez-vous s'il vous plaît me dire pourquoi le td > h3,p{ padding-left: .5rem;padding-bottom: 1rem;} s'applique uniquement au milieu td?

mais je suis obtenir ce résultat:

Mon code va comme ceci:

table{ 
 
    border: 1px solid black; 
 
} 
 

 
th{ 
 
    background-color: #F7BF2A; 
 
    padding: .5rem; 
 
    color: white; 
 
} 
 

 
td{ 
 
    border: 1px solid black; 
 
} 
 

 

 
td > h3,p{ 
 
    padding-left: .5rem; 
 
    padding-bottom: 1rem; 
 
}

<table> 
 
     <tr> 
 
      <th>Wanneer</th> 
 
      <th>Wat</th> 
 
      <th>Waar</th> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">14u00</td> 
 
      <td> 
 
      <h3>Zeepkistenrace</h3> 
 
      <p>Knutsel jouw zeepkist in elkaar en breng ze mee naar de top van de kemmelberg. Inschrijven kan via <a href="mailto:zeepkisten@burgerfeesten.be?subject=zeepkist">e-mail naar zeepkisten@burgerfeesten.be</a></p> 
 
      </td> 
 
      <td>Kemmelberg</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">19u00</td> 
 
      <td> 
 
      <h3>Eetwedstrijd</h3> 
 
      <p>Wie eet het meeste burgers in 30 minuten? Versla jij het record van 16 burgers? Inschrijven kan de dag zelf aan de bonnentjesstand.</p> 
 
      </td> 
 
      <td colspan="2">Feesttent marktplein</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">20u00</td> 
 
      <td><h3>Mister/Miss KemmelBurger</h3></td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">21u00</td> 
 
      <td> 
 
      <h3>Balkan Bonanza</h3> 
 
      <p>Wie de beentjes al eens wil losgooien kan dit perfect doen op de tonen van Balkan Bonanza. Deze groep uit Loker brengt een verrassende mix van balkan en bluegrass. Benieuwd? Afkomen!</p> 
 
      </td> 
 
      <td>Podium</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">22u00</td> 
 
      <td> 
 
      <h3>Bal van de Burger</h3> 
 

 
      <p>We feesten door tot in de vroege uurtjes met dicobar Bun &amp; Pickles.</p> 
 
      <span>VVK: € 3 - ADD: € 5</span> 
 
      </td> 
 

 

 
      <td>Podium en feesttent</td> 
 
     </tr> 
 

 
     </table>

Answer 1

Ajouter à border-collapse: collapse;table.

table { 
    border: 1px solid black; 
    border-collapse: collapse; 
} 

table { 
 
    border: 1px solid black; 
 
    border-collapse: collapse; 
 
} 
 

 
th{ 
 
    background-color: #F7BF2A; 
 
    padding: .5rem; 
 
    color: white; 
 
} 
 

 
td{ 
 
    border: 1px solid black; 
 
} 
 

 

 
td > h3,p{ 
 
    padding-left: .5rem; 
 
    padding-bottom: 1rem; 
 
}

<table> 
 
     <tr> 
 
      <th>Wanneer</th> 
 
      <th>Wat</th> 
 
      <th>Waar</th> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">14u00</td> 
 
      <td> 
 
      <h3>Zeepkistenrace</h3> 
 
      <p>Knutsel jouw zeepkist in elkaar en breng ze mee naar de top van de kemmelberg. Inschrijven kan via <a href="mailto:zeepkisten@burgerfeesten.be?subject=zeepkist">e-mail naar zeepkisten@burgerfeesten.be</a></p> 
 
      </td> 
 
      <td>Kemmelberg</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">19u00</td> 
 
      <td> 
 
      <h3>Eetwedstrijd</h3> 
 
      <p>Wie eet het meeste burgers in 30 minuten? Versla jij het record van 16 burgers? Inschrijven kan de dag zelf aan de bonnentjesstand.</p> 
 
      </td> 
 
      <td colspan="2">Feesttent marktplein</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">20u00</td> 
 
      <td><h3>Mister/Miss KemmelBurger</h3></td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">21u00</td> 
 
      <td> 
 
      <h3>Balkan Bonanza</h3> 
 
      <p>Wie de beentjes al eens wil losgooien kan dit perfect doen op de tonen van Balkan Bonanza. Deze groep uit Loker brengt een verrassende mix van balkan en bluegrass. Benieuwd? Afkomen!</p> 
 
      </td> 
 
      <td>Podium</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">22u00</td> 
 
      <td> 
 
      <h3>Bal van de Burger</h3> 
 

 
      <p>We feesten door tot in de vroege uurtjes met dicobar Bun &amp; Pickles.</p> 
 
      <span>VVK: € 3 - ADD: € 5</span> 
 
      </td> 
 

 

 
      <td>Podium en feesttent</td> 
 
     </tr> 
 

 
     </table>

Answer 2

Vous devez ajouter la balise border-collapse: collapse pour que les frontières sont combinées:

table{ 
 
    border: 1px solid black; 
 
    border-collapse: collapse; 
 
} 
 

 
th{ 
 
    background-color: #F7BF2A; 
 
    padding: .5rem; 
 
    color: white; 
 
} 
 

 
td{ 
 
    border: 1px solid black; 
 
} 
 

 

 
td > h3,p{ 
 
    padding-left: .5rem; 
 
    padding-bottom: 1rem; 
 
}

<table> 
 
     <tr> 
 
      <th>Wanneer</th> 
 
      <th>Wat</th> 
 
      <th>Waar</th> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">14u00</td> 
 
      <td> 
 
      <h3>Zeepkistenrace</h3> 
 
      <p>Knutsel jouw zeepkist in elkaar en breng ze mee naar de top van de kemmelberg. Inschrijven kan via <a href="mailto:zeepkisten@burgerfeesten.be?subject=zeepkist">e-mail naar zeepkisten@burgerfeesten.be</a></p> 
 
      </td> 
 
      <td>Kemmelberg</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">19u00</td> 
 
      <td> 
 
      <h3>Eetwedstrijd</h3> 
 
      <p>Wie eet het meeste burgers in 30 minuten? Versla jij het record van 16 burgers? Inschrijven kan de dag zelf aan de bonnentjesstand.</p> 
 
      </td> 
 
      <td colspan="2">Feesttent marktplein</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">20u00</td> 
 
      <td><h3>Mister/Miss KemmelBurger</h3></td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">21u00</td> 
 
      <td> 
 
      <h3>Balkan Bonanza</h3> 
 
      <p>Wie de beentjes al eens wil losgooien kan dit perfect doen op de tonen van Balkan Bonanza. Deze groep uit Loker brengt een verrassende mix van balkan en bluegrass. Benieuwd? Afkomen!</p> 
 
      </td> 
 
      <td>Podium</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="mid">22u00</td> 
 
      <td> 
 
      <h3>Bal van de Burger</h3> 
 

 
      <p>We feesten door tot in de vroege uurtjes met dicobar Bun &amp; Pickles.</p> 
 
      <span>VVK: € 3 - ADD: € 5</span> 
 
      </td> 
 

 

 
      <td>Podium en feesttent</td> 
 
     </tr> 
 

 
     </table>