Problème de tableau
Régis Robert
Messages postés
44
Date d'inscription
Statut
Membre
Dernière intervention
-
Régis Robert Messages postés 44 Date d'inscription Statut Membre Dernière intervention -
Régis Robert Messages postés 44 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai créé un tableau en HTML mais je n'arrive pas à aligner les colonnes à cause de leur titre qui prend parfois deux lignes. Je ne sais s'il existe une balise pour ça, mais je cherche toutes les solutions possibles.
Merci d'avance !
J'ai créé un tableau en HTML mais je n'arrive pas à aligner les colonnes à cause de leur titre qui prend parfois deux lignes. Je ne sais s'il existe une balise pour ça, mais je cherche toutes les solutions possibles.
Merci d'avance !
A voir également:
- Problème de tableau
- Tableau word - Guide
- Trier un tableau excel - Guide
- Imprimer un tableau excel - Guide
- Tableau des codes ascii - Guide
- Tableau croisé dynamique - Guide
8 réponses
Pas de problème :
<table>
<tr>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Code Famille</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
</span>
</td>
<td valign="top" style="padding-left: 0px">
<span style="border:1px solid black;">DESIGNATION DES TRAVAUX OU FOURNITURES<br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
</span>
</td>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Prix unitaire ou tarif base</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
</span>
</td>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Nombre ou taux</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
</span>
</td>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Montant</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<valign="bottom" valign="right">
TOTAL H.T (1) <INPUT type="text" style="border:1px solid black" size=10><br>
Remise<INPUT type="text" size=4>% <INPUT type="text" style="border:1px solid black" size=10><br>
TOTAL HT (2) <INPUT type="text" style="border:1px solid black" size=10><br>
T.V.A<INPUT type="text" size=4>% <INPUT type="text" style="border:1px solid black" size=10><br>
TOTAL T.T.C <INPUT type="text" style="border:1px solid black" size=10><br>
</span>
</td>
</tr>
</table>
Et voila !
<table>
<tr>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Code Famille</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none"><br>
</span>
</td>
<td valign="top" style="padding-left: 0px">
<span style="border:1px solid black;">DESIGNATION DES TRAVAUX OU FOURNITURES<br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=80><br>
</span>
</td>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Prix unitaire ou tarif base</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
</span>
</td>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Nombre ou taux</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
</span>
</td>
<td valign=top style="padding-left: 0px">
<valign="top"><span style="border:1px solid black;">Montant</valign><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<INPUT type="text" style="border-left:1px solid black;border-right:1px solid black;border-bottom:none;border-top:none" size=10><br>
<valign="bottom" valign="right">
TOTAL H.T (1) <INPUT type="text" style="border:1px solid black" size=10><br>
Remise<INPUT type="text" size=4>% <INPUT type="text" style="border:1px solid black" size=10><br>
TOTAL HT (2) <INPUT type="text" style="border:1px solid black" size=10><br>
T.V.A<INPUT type="text" size=4>% <INPUT type="text" style="border:1px solid black" size=10><br>
TOTAL T.T.C <INPUT type="text" style="border:1px solid black" size=10><br>
</span>
</td>
</tr>
</table>
Et voila !
essaye de mettre des tailles a tes collones, ligne et table
et essaye le css sur page externe s'est moins lourd
et essaye le css sur page externe s'est moins lourd
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question