Problème de tableau
Régis Robert
Messages postés
42
Statut
Membre
-
Régis Robert Messages postés 42 Statut Membre -
Régis Robert Messages postés 42 Statut Membre -
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
- Code ascii tableau - Guide
- Imprimer un tableau excel - Guide
- Fiche pratique 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