Signaler

TABLEAU HTML [Résolu]

Posez votre question ach32 45Messages postés mercredi 20 avril 2016Date d'inscription 26 juillet 2017 Dernière intervention - Dernière réponse le 22 juin 2017 à 14:54 par ach32
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 
Utile
+0
plus moins
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 18032Messages postés mercredi 22 octobre 2003Date d'inscription ModérateurStatut 10 août 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 :
Répondre
ach32 45Messages postés mercredi 20 avril 2016Date d'inscription 26 juillet 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
Répondre
jordane45 18032Messages postés mercredi 22 octobre 2003Date d'inscription ModérateurStatut 10 août 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 ??
Répondre
ach32 45Messages postés mercredi 20 avril 2016Date d'inscription 26 juillet 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/
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !