Partage
  • Partager sur Facebook
  • Partager sur Twitter

tableau

Sujet résolu
    22 août 2006 à 12:46:44

    Bonjour à tous,

    Voici mon probleme:

    Je voudrait faire ceci:

            Président d'honneur
    Président             Vice Président
     


    voici mon code:

    <table class="bureau1">
            <tr>
                    <td class="bureau"></td>
                    <td class="bureau">Président d'honneur</td>
            </tr>
            <tr>
                    <td class="bureau">Président</td>
                    <td class="bureau"></td>
                    <td class="bureau">Vice Président</td>
            </tr>
    </table>



    table.bureau1{
            margin:auto;
            width:450px;
    }




    td.bureau{
            width:150px;
            text-align:center;
    }


    J'ai mis des

    Citation : Pas de titre

    <td></td>

    pour faire des case vide en guise d'espace car quand je met des "margin" sa ne fonctionne pas

    comment je peux faire pour que sa fasse plus pro.

    merci d'avance
    • Partager sur Facebook
    • Partager sur Twitter
      22 août 2006 à 12:49:42

      <table class="bureau1">
              <tr>
                      <td colspan="3" align="center" class="bureau">Président d'honneur</td>
              </tr>
              <tr>
                      <td align="left" class="bureau">Président</td>
                      <td class="bureau"></td>
                      <td align="right" class="bureau">Vice Président</td>
              </tr>
      </table>

      table.bureau1{
              margin:auto;
              width:450px;
      }




      td.bureau{
              width:150px;
              }
      • Partager sur Facebook
      • Partager sur Twitter
        22 août 2006 à 12:53:35

        Salut,
        concernant la solution proposée, lorsque les cellules sont vides, Internet Explorer les zappent parfois. Je ne sais pas ce qu'il en ait lorsqu'une largeur a été définie. Si toutefois la cellule ne s'affichait pas, remplis là d'un espace insécable &nbsp;
        <td class="bureau">&nbsp;</td>


        Cordialement,
        Gregoo
        • Partager sur Facebook
        • Partager sur Twitter
        Anonyme
          22 août 2006 à 12:56:05

          Le code présenté ci-dessus est du HTML, voici la version xHTML avec deux trois améliorations :)

          <table class="bureau1">
                  <tr>
                          <td colspan="2" class="bureau">Président d'honneur</td>
                  </tr>
                  <tr>
                          <td class="bureau">Président</td>
                          <td class="bureau">Vice Président</td>
                  </tr>
          </table>


          table.bureau1{
                  margin:auto;
                  width:450px;
          }

          td.bureau{
                  text-align:center;
          }


          Au programme on a:
          - suppression d'une case inutile
          - suppression d'une largeur dans le CSS qui est probablement inutile ;)
          • Partager sur Facebook
          • Partager sur Twitter
            22 août 2006 à 13:00:52

            OUi désolé, je suis rester a l'age du html ^^'
            • Partager sur Facebook
            • Partager sur Twitter
            Anonyme
              22 août 2006 à 13:02:37

              Aucun soucis, au moins comme ça psgman80 aura deux versions différentes à se mettre sous la dent :p
              • Partager sur Facebook
              • Partager sur Twitter
              Anonyme
                22 août 2006 à 13:06:51

                Oui mais bon, il faut éviter les tableaux pour la présentation, surtout pour ce que tu veux faire :

                <div style="width:150px; text-align:center;">

                <p>Président d'honneur</p>
                <p><span style="margin-right:50px">Président</span> Vice Président</p>

                </div>
                • Partager sur Facebook
                • Partager sur Twitter

                tableau

                × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                • Editeur
                • Markdown