Partage
  • Partager sur Facebook
  • Partager sur Twitter

mes tableaux et CSS

j'arrive pas :(

Sujet résolu
    26 juin 2006 à 15:27:05

    Bonjour,

    Voilà j'ai un problème, je n'arrive pas a faire ce que je veux avec mes tableaux au niveau CSS, j'ai même copié le code que donne M@téo dans son cours rien n'y fait.

    Voici ce que je met :

    Mon tableau :
    <table id="tableau">
            <tr>
                    <td><span class="gras">Nom de l'article</span></td>
                    <td><span class="gras">Voir</span></td>
                    <td><span class="gras">Éditer</span></td>
                    <td><span class="gras">Supprimer</span></td>
            </tr> 


    Le CSS :

    table /* Le tableau en lui-même */
    {
       margin: auto; /* Centre le tableau */
       border: 1px outset black; /* Bordure du tableau avec effet 3D (outset) */
       border-collapse: collapse; /* Colle les bordures entre elles */
    }


    td /* Les cellules normales */
    {
       border: 1px solid black;
       text-align: center; /* Tous les textes des cellules seront centrés*/
       padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    }


    Merci d'avance a ceux qui m'aideront à regler le problème car je n'arrive n'y a faire apparaitre des bordures, ni a centrer le tableau

    Amicalement,
    Devock
    • Partager sur Facebook
    • Partager sur Twitter
    Déployez votre site avec WordPress // CHATEAU AH AH AH AH AH AH AH
      26 juin 2006 à 16:06:58

      essaye toujours en changeant tes atributs de ton id et de ta classe exemple correct :
      #tableau /* Le tableau en lui-même */
      {
         margin: auto; /* Centre le tableau */
         border: 1px outset black; /* Bordure du tableau avec effet 3D (outset) */
         border-collapse: collapse; /* Colle les bordures entre elles */
      }


      .gras /* Les cellules normales */
      {
         border: 1px solid black;
         text-align: center; /* Tous les textes des cellules seront centrés*/
         padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
      }
      • Partager sur Facebook
      • Partager sur Twitter
        26 juin 2006 à 16:06:59

        essaye toujours en changeant tes atributs de ton id et de ta classe exemple correct :
        #tableau /* Le tableau en lui-même */
        {
           margin: auto; /* Centre le tableau */
           border: 1px outset black; /* Bordure du tableau avec effet 3D (outset) */
           border-collapse: collapse; /* Colle les bordures entre elles */
        }


        .gras /* Les cellules normales */
        {
           border: 1px solid black;
           text-align: center; /* Tous les textes des cellules seront centrés*/
           padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
        }
        • Partager sur Facebook
        • Partager sur Twitter
          26 juin 2006 à 16:14:49

          Pourquoi tu reprend le gras ??? C'est pour mettre mon texte en gras ^^
          je change quoi alors ?
          • Partager sur Facebook
          • Partager sur Twitter
          Déployez votre site avec WordPress // CHATEAU AH AH AH AH AH AH AH
            26 juin 2006 à 16:33:49

            Pour que ton tableau soit centré, il faut lui donner une largeur.

            Et pour les bordures, applique les sur les <td>.
            • Partager sur Facebook
            • Partager sur Twitter
              26 juin 2006 à 16:43:32

              merci beaucoup ça marche ^^
              • Partager sur Facebook
              • Partager sur Twitter
              Déployez votre site avec WordPress // CHATEAU AH AH AH AH AH AH AH

              mes tableaux et CSS

              × 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