Partage
  • Partager sur Facebook
  • Partager sur Twitter

Enlever les bordures d'un tableau

MelvinBruhat
16 octobre 2020 à 23:28:28

Bonsoir,j'ai un exercice ou on me demande de reproduire ce tableau ci dessous.Malheuresement il faut que je fasse deux autres tableaux,j'ai donc définit mes td et th a l'aide d'une balise style,ce qui m'empeche de supprimer les td et th pour mon dernier tableaux.

Voici mon code : 

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
</head>
<style >
  #tableaux1{border:1px black double;}
    th,td{border:1px black double;font-weight: normal;}
  #tableaux2{width: 70%;margin-left: auto;margin-right: auto;margin-top: 4%;border: 3px black double;}
</style>
<body>
<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 colspan="2" rowspan="2"></th>

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

  </tr>

  <tr>

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

    <td><b>Pocher un oeil</b></td>
  </thead>
  <tbody border="0">
  <tr>
 <th rowspan="4"><b>Sexe</b></th>

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

 <td style="text-align:center">94%</td>

 <td style="text-align:center">6%</td>

</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>

(Je n'ai pas le droit d'utiliser un fichier externe pour le CSS.Merci d'avoir pris de votre temps.

-
Edité par MelvinBruhat 16 octobre 2020 à 23:28:49

  • Partager sur Facebook
  • Partager sur Twitter
AbcAbc6
17 octobre 2020 à 1:25:48

Bonjour,

Doublon

Les doublons nuisent au bon fonctionnement du forum et sont donc interdits. Si vous vous êtes trompé de section, il suffit de signaler votre sujet au staff pour qu'il le déplace au bon endroit.

Je vous invite à continuer la discussion sur l'autre sujet : https://openclassrooms.com/forum/sujet/tableau-sans-bordure-interieure

Je ferme ce sujet. 

  • Partager sur Facebook
  • Partager sur Twitter