TABLEAU HTML [Résolu]

ach32 47 Messages postés mercredi 20 avril 2016Date d'inscription 11 décembre 2017 Dernière intervention - 13 juin 2017 à 23:07 - Dernière réponse : ach32 47 Messages postés mercredi 20 avril 2016Date d'inscription 11 décembre 2017 Dernière intervention
- 22 juin 2017 à 14:54
Bonjour à tous,
Je voudrais réaliser un tableau. qui est sur l'image ci-jointe.
Je coince dans l'utilisation des colspan et rowspan.
Si quequ'un peut m'aider à réaliser ce tableau cà me sera d'une grande aide.
Merci d'abvance...
Afficher la suite 

5 réponses

Répondre au sujet
jordane45 19249 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 14 décembre 2017 Dernière intervention - 13 juin 2017 à 23:18
0
Utile
4
Re bonjour,

1 - Ta question concerne du HTML .. et non le PHP. Je déplace donc le sujet dans le forum HTML ...

2 - Tu as déjà une question ouverte en php ... je serai toi j'ouvrirai mes questions les unes après les autres une fois TRAITEES et non en même temps .

3 - .. tu dis ne pas " y arriver" ... il faut donc que tu nous montres le code que tu as essayé de faire pour qu'on t'aide à le corriger au lieu de quémander un bout de code tout fait.... (c'est un peu le principe de ce forum ....)

jordane45 19249 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 14 décembre 2017 Dernière intervention - 14 juin 2017 à 00:34
Bon... voila tout de même un début de réponse... te montrant les différentes combinaisons...je te laisse compléter pour le bas de ton tableau.

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        
        <style>
        
        table {
           background-color: #FFF;
           border-collapse: collapse;
        }

        td {
           width: 50px;
           min-width: 50px;
           height: 20px;
           min-height: 20px;
           border: 1px solid darkgray;
           background-color: white;
           text-align:center;
           vertical-align:middle;
        }
        td.desc{
          min-width:100px;
        }
        </style>
        
    </head>
    <body>
        
        <table>
           <tbody>
           <tr>
            <td colspan="2">FIRST NAME</td>
            <td colspan="3"></td>
           </tr>
           <tr>
            <td colspan="2">LAST NAME</td>
            <td colspan="3"></td>
           </tr>
           <tr>
            <td colspan="2">STATE</td>
            <td colspan="3"></td>
           </tr>
           <tr>
             <td rowspan="2">TITLE</td>
             <td rowspan="2">BASE</td>
             <td colspan="2">SAL</td>
             <td rowspan="2" class="desc">DESC</td>
           </tr>
           <tr>
             <td>COL 1</td>
             <td>COL 2</td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           </tbody>
        </table>
        
  
    </body>
</html>


Actuellement, ce code donne :
ach32 47 Messages postés mercredi 20 avril 2016Date d'inscription 11 décembre 2017 Dernière intervention - 14 juin 2017 à 00:35
Merci pour tes remarques Jordane, voici mon code qui est presque prèt.



<table border="1">
<thead>
<tr>
<th colspan="2">NOM ET PRENOM</th>
<th colspan="3"></th>
</tr>
<tr>
<th colspan="2">FONCTION</th>
<th colspan="3"></th>
</tr>
<tr>
<th colspan="2">ANCIENNETE</th>
<th colspan="3"></th>
</tr>
<tr>
<th rowspan="2">DESIGNATION</th>
<th rowspan="2">BASE</th>
<th colspan="2">SALAIRE</th>
<th rowspan="2">RETENUES EMPLOYEURS</th>
</tr>
<tr>
<th>GAINS</th>
<th>RETENUES</th>
</tr>
</thead>
<tbody>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
<tr>
<td>SALAIRE DE BASE</td>
<td>41 754</td>
<td>41 754</td>
<td>VIDE</td>
<td>VIDE</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="3">TOTAL RETENUES</th>
<th colspan="2">vi</th>

</tr>
<tr>
<th colspan="2">PENALITES</th>
<th colspan="4">vi</th>
</tr>
<tr>
<th colspan="2">AVANCES SUR SALAIRE</th>
<th colspan="4">vi</th>
</tr>
<tr>
<th colspan="2">NET A PERCEVOIR</th>
<th colspan="4">vi</th>
</tr>
</tfoot>
</table>


Actuellement il me reste à gerer la ligne qui est juste au dessus de ALL
jordane45 19249 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 14 décembre 2017 Dernière intervention > ach32 47 Messages postés mercredi 20 avril 2016Date d'inscription 11 décembre 2017 Dernière intervention - 14 juin 2017 à 00:38
et bien?
Visiblement tu as bien compris les rowspan et colspan ....
Quel est donc le souci ??
ach32 47 Messages postés mercredi 20 avril 2016Date d'inscription 11 décembre 2017 Dernière intervention - 22 juin 2017 à 14:54
Merci beaucoup Jordane, j'ai finalement résolu le problème gràce à ce site:

https://tabletag.net/fr/
Commenter la réponse de jordane45