Bonjour, j'ai un problème il faut que je fasse un tableau sans bordure comme sur la photo, on me conseille d'utiliser les <colgroup>

Je ne comprends pas comment ca marche je suis bloqué, voici mon code(il n'y a pas le début car le devoir est long):

<table id="tbl3">

  <caption style="caption-side:bottom;">Kumquats contre oeil poché,par sexe</caption>

  <thead>

    <colgroup>

      <col span="2" style="border:none">

    </colgroup>

  <tr>

    <th></th>

    <th></th>

    <td colspan="2"><b>Préférences</b></td>

  </tr>

  <tr>

    <th></th>

    <th></th>

    <th><b>Déguster des Kunquats</b></th>

    <th><b>Pocher un oeil</b></th>

  </thead>

  <tbody>

  <tr>

 <th rowspan="4"><b>Sexe</b></th>

 <th><b>Homme en dessous de 18 ans</b></th>

 <th>94%</th>

 <th>6%</th>

</tr>

 <tr>

<th><b>Homme au dessus de 18 ans</b></th>

<th>73%</th>

<th>27%</th>

</tr>

<tr>

  <th><b>Femmes en dessous de 18 ans<b></th>

    <th>34%</th>

    <th>66%</th>

</tr>

<tr>

  <th><b>Femmes au dessus de 18 ans</b></th>

  <th>16%</th>

  <th>84%</th>

  </tr>

</tbody>

<tfooter>

<tr>

  <th colspan="5">Note: les yeux pochés n'entrainent aucune lésion permanente</th>

</tfooter>

</table>

</body>

</html>

-
Edité par MelvinBruhat 16 octobre 2020 à 15:29:37

Bonjour,

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

Pour info : th c'est pour les "table headers", et c'est très bien d'en avoir mis, mais ça n'est *que* pour les "table headers", pas toutes les cellules (et ça devrait te donner une indication de solution)