Problème de tableau
Régis Robert -  
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 !

8 réponses

  1.  tsunamichups
    tu pourrai nous coller ton code qu'on vous un peu mieu ce que tu demande s'il te plais ?
    1. Régis Robert Auteur
      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 !
      1. tsunamichups
        essaye de mettre des tailles a tes collones, ligne et table

        et essaye le css sur page externe s'est moins lourd
        1. Régis Robert Auteur
          Ok merci (le CSS je sui justement en train d'apprendre donc c'est pas encore ça)
          2. DarkAurora
            Je ne pourrais jamais aider Regis Robert dsl du flood mais c'était trop tentant :)
            1.  Régis Robert Auteur
              0_0

              Je vois pas ce que tu veux dire, il n'y a pas de flood sur cette page
              1. DarkAurora
                Si tu es Regis Robert je peux pas t'aider de toute façon ça sert à rien de t'aider tu ne comprendra pas enfin si tu es vraiment Regis Robert pour l'instant retourne derrière le rideaux :) (comprends tu pourquoi c'est du flood?^^)
                1.  Régis Robert Auteur
                  Déja un fan ? ça fait plaisir (t'aurais dû t'appeler Dagobert ^^) et pui le rideau il est presque foutu donc c'est un peu dur je sui avec dark pour l'instant

                  Discussions similaires

                  Tableau (croisé dynamique?) à 3 entrées
                  ClementH3o

                  10 réponses
                  generateur de combinaison du loto 5/90
                  Riccilo

                  3 réponses