TABLEAU HTML

Résolu

ach32 Messages postés 47 Date d'inscription Statut Membre Dernière intervention -
ach32 Messages postés 47 Date d'inscription Statut Membre 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...

A voir également:

TABLEAU HTML
Tableau word - Guide
Tableau ascii - Guide
Tableau croisé dynamique - Guide
Trier un tableau excel - Guide
Imprimer tableau excel sur une page - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38483 Date d'inscription Statut Modérateur Dernière intervention 4 746

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 Messages postés 38483 Date d'inscription Statut Modérateur Dernière intervention 4 746

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 Messages postés 47 Date d'inscription Statut Membre Dernière intervention

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 Messages postés 38483 Date d'inscription Statut Modérateur Dernière intervention 4 746 > ach32 Messages postés 47 Date d'inscription Statut Membre Dernière intervention

et bien?
Visiblement tu as bien compris les rowspan et colspan ....
Quel est donc le souci ??

ach32 Messages postés 47 Date d'inscription Statut Membre Dernière intervention

Merci beaucoup Jordane, j'ai finalement résolu le problème gràce à ce site:

https://tabletag.net/fr/

Discussions similaires

Formule taux de marque

la balise ou

ou ou

Balise

Votre réponse

Discussions similaires