Problème hauteur tableau

Résolu
nlbmoi Messages postés 427 Date d'inscription   Statut Membre Dernière intervention   -  
nlbmoi Messages postés 427 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je souhaite créer un tableau sur un site : j'ai vu qu'il était préférable de mettre des valeurs de hauteur/largeur en % plutôt qu'en px pour permettre une vision Responsive du site. J'ai donc fait l'essai sur un tableau : autant pour la largeur, je n'ai pas de souci par contre pour la hauteur, j'ai quelques soucis. J'ai beau changer la valeur du pourcentage dans la balise table, cela ne change rien.
Je vous joins un bout du code :
<table border="1" width="80%" frame="void" rules="none" cellspacing="0">
<tbody>
<tr>
<th align="left" width="30%" height="20%"><strong>EQUIPES</strong></th>
<th align="left" width="20%"><strong>JOUR</strong></th>
<th align="left" width="25%"><strong>HORAIRES</strong></th>
<th align="left" width="25%"><strong>SALLE</strong></th>
</tr>
<tr>
<td align="left" height="8%"><strong>Baby</strong></td>
<td align="left">Samedi</td>
<td align="left">10h30 - 11h30</td>
<td align="left">Lieu 1</td>
</tr>
<tr>
<td align="left" height="8%"><strong>Ecole</strong></td>
<td align="left">Samedi</td>
<td align="left">10h30 - 12h</td>
<td align="left">Lieu 1</td>
</tr>
<tr>
<td align="left" height="8%"><strong>Minimes</strong></td>
<td align="left">Mercredi</td>
<td align="left">17h30 - 19h30</td>
<td align="left">Lieu 1</td>
</tr>


Si quelqu'un pouvait m'aider, ce serait sympa.

1 réponse

  1. Lerendra Messages postés 553 Statut Membre 299
     
    Bonjour !

    Autant je suis d'accord avec toi sur l'utilisation des "%" pour la longueur, mais pour la hauteur, cela ne sert à rien ! Et c'est normal que cela ne marche pas ! Si tu veux, pour ton
    height
    je te conseil de le faire en "px" !
    Donc si on reprend ton code :
    <table border="1" width="80%" frame="void" rules="none" cellspacing="0">
    <tbody>
    <tr>
    <th align="left" width="30%" height="30px"><strong>EQUIPES</strong></th>
    <th align="left" width="20%"><strong>JOUR</strong></th>
    <th align="left" width="25%"><strong>HORAIRES</strong></th>
    <th align="left" width="25%"><strong>SALLE</strong></th>
    </tr>
    <tr>
    <td align="left" height="18px"><strong>Baby</strong></td>
    <td align="left">Samedi</td>
    <td align="left">10h30 - 11h30</td>
    <td align="left">Lieu 1</td>
    </tr>
    <tr>
    <td align="left" height="18px"><strong>Ecole</strong></td>
    <td align="left">Samedi</td>
    <td align="left">10h30 - 12h</td>
    <td align="left">Lieu 1</td>
    </tr>
    <tr>
    <td align="left" height="18px"><strong>Minimes</strong></td>
    <td align="left">Mercredi</td>
    <td align="left">17h30 - 19h30</td>
    <td align="left">Lieu 1</td>
    </tr>
    


    Voilà ! :D Si tu as besoins d'autre chose, n'hésite pas !
    Lerendra

    1
    1. nlbmoi Messages postés 427 Date d'inscription   Statut Membre Dernière intervention   24
       
      Bonjour

      Merci pour ton aide.
      Le fait de mettre une hauteur en pixel ne sera pas dérangeant si on regarde le site sur un mobile par exemple ?
      L'utilisation des em est-il pertinente ?
      0
    2. Lerendra Messages postés 553 Statut Membre 299
       
      Non. Cela ne changera rien. Tu peux utiliser des
      em
      , mais cela revient à utiliser des
      px
      .
      0
    3. nlbmoi Messages postés 427 Date d'inscription   Statut Membre Dernière intervention   24
       
      D'accord. Merci pour tout.
      0