Sujet Précédent Sujet Suivant

TABLEAU HTML

Résolu/Fermé
ach32 Messages postés 47 Date d'inscription mercredi 20 avril 2016 Statut Membre Dernière intervention 19 septembre 2017 - 13 juin 2017 à 23:07
ach32 Messages postés 47 Date d'inscription mercredi 20 avril 2016 Statut Membre Dernière intervention 19 septembre 2017 - 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:

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
13 juin 2017 à 23:18
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 ....)

0
jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
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 :
0
ach32 Messages postés 47 Date d'inscription mercredi 20 avril 2016 Statut Membre Dernière intervention 19 septembre 2017
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
0
jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705 > ach32 Messages postés 47 Date d'inscription mercredi 20 avril 2016 Statut Membre Dernière intervention 19 septembre 2017
14 juin 2017 à 00:38
et bien?
Visiblement tu as bien compris les rowspan et colspan ....
Quel est donc le souci ??
0
ach32 Messages postés 47 Date d'inscription mercredi 20 avril 2016 Statut Membre Dernière intervention 19 septembre 2017
22 juin 2017 à 14:54
Merci beaucoup Jordane, j'ai finalement résolu le problème gràce à ce site:

https://tabletag.net/fr/
0

Discussions similaires

Bibliothèque
cosjac85 -
renard bleu -

3 réponses
Formule taux de marque
vcloclo1 -
vcloclo1 -

26 réponses
generateur de combinaison du loto 5/90
Riccilo -
ccm81 -

3 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

6 réponses