IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[CSS] centrer le contenu de <table>


Sujet :

Centrer un élément en CSS

  1. #1
    Membre éclairé Avatar de H-bil
    Inscrit en
    Février 2006
    Messages
    337
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 337
    Par défaut [CSS] centrer le contenu de <table>
    salut
    comment je peux centrer le contenu d'un tableau parraport à ce tableau
    merci d'avance et @+

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Salut !

    centrer le contenu du tableau ? càd ?

    en générale, il te suffit de mettre
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    ALors soit à l'intérieur du td avec et c'est valable que pour le td

    soit pour tout le contenu du tabeau avec dant le table
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style="text-align:center"

  4. #4
    Membre éclairé Avatar de H-bil
    Inscrit en
    Février 2006
    Messages
    337
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 337
    Par défaut
    merci
    j'ai deja essayer tous sa mais sans resultat
    j'ai un tableau qui contient des petit tableaux que je veux centrer parraport au premier
    j'espere que c'est clair
    @+

  5. #5
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    si c'est pour centrer des tableaux, c'est différent :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    margin-right : auto; margin-left : auto;
    sur les tableaux que tu veux centrer.
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  6. #6
    Membre expérimenté
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Par défaut
    sauf qu'il me semble que ca ca ne fonctionnera que sous firefox. IE ne connait pas les marge automatique.

    IE centre tout(les éléments de texte comme les autres...) avec text-align:center.

    Pour centrer sur les deux il faut donc utiliser les marge automatique comme l'a dit swoog mais aussi text-align. par contre apres tout sera centrer même le texte ce n'est pas forcement ce que tu veux donc dans les zone ou tu ne veux pas que ca soit centrer tu redefinie text-align :auto ;


    romain

  7. #7
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Un code parle toujours mieux que des phrases...et moi je vois pas trop ce que tu veux faire avec tout tes tableaux imbriqués

  8. #8
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Citation Envoyé par <romain/>
    sauf qu'il me semble que ca ca ne fonctionnera que sous firefox. IE ne connait pas les marge automatique.
    IE accepte les marges automatiques...

    j'ai déjà utilisé ça suffsament de fois pour te dire que ça foncitonne !

    pas la peine de monter ton usine à gaz...
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  9. #9
    Membre expérimenté
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Par défaut
    tu es sur? Parceque justement j'ai deja eu le probleme...

    edit : effectivement ca fonctionne sous IE 6 et supérieur. Mais pour els version plus ancienne ca ne fonctionne pas regarde ici


  10. #10
    Membre éclairé Avatar de H-bil
    Inscrit en
    Février 2006
    Messages
    337
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 337
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <table align="center" width="919" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td height="75" colspan="2" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#333399">
          <!--DWLayoutTable-->
          <tr>
            <td width="634" height="75">&nbsp;</td>
          </tr>
        </table>    </td>
        <td width="285"></td>
      </tr>
      <tr>
        <td width="258" height="107" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#006699">
          <!--DWLayoutTable-->
          <tr>
            <td width="258" height="107">&nbsp;</td>
            </tr>
        </table></td>
        <td width="376" rowspan="2" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99FF33">
          <!--DWLayoutTable-->
          <tr>
            <td width="376" height="196">&nbsp;</td>
          </tr>
        </table>    </td>
        <td></td>
      </tr>
      <tr>
        <td height="89" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CC33">
          <!--DWLayoutTable-->
          <tr>
            <td width="258" height="89">&nbsp;</td>
          </tr>
        </table>    </td>
        <td></td>
      </tr>
      <tr>
        <td height="103" colspan="2" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99FFCC">
          <!--DWLayoutTable-->
          <tr>
            <td width="634" height="103">&nbsp;</td>
          </tr>
        </table>    </td>
        <td></td>
      </tr>
    </table>
    voici un exemple de code
    j'ai essay
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    margin-right : auto; margin-left : auto;
    et j'arrivais pas à ce que je veux

    edit
    je l'ai mis dans la balise de la 1ere ligne

  11. #11
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Citation Envoyé par H-bil
    j'ai essay
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    margin-right : auto; margin-left : auto;
    et j'arrivais pas à ce que je veux
    Tu pourrais être plus précis ? qu'as-tu essayé précisément ? quel est le résultat obtenu ? etc...
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  12. #12
    Membre éclairé Avatar de H-bil
    Inscrit en
    Février 2006
    Messages
    337
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 337
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    <table align="center" width="919" border="0" cellpadding="0" cellspacing="0" style="margin-right : auto; margin-left : auto;">
      <!--DWLayoutTable-->
      <tr>
        <td height="75" colspan="2" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#333399">
          <!--DWLayoutTable-->
          <tr>
            <td width="634" height="75">&nbsp;</td>
          </tr>
        </table>    </td>
        <td width="285"></td>
      </tr>
      <tr>
        <td width="258" height="107" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#006699">
          <!--DWLayoutTable-->
          <tr>
            <td width="258" height="107">&nbsp;</td>
            </tr>
        </table></td>
        <td width="376" rowspan="2" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99FF33">
          <!--DWLayoutTable-->
          <tr>
            <td width="376" height="196">&nbsp;</td>
          </tr>
        </table>    </td>
        <td></td>
      </tr>
      <tr>
        <td height="89" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CC33">
          <!--DWLayoutTable-->
          <tr>
            <td width="258" height="89">&nbsp;</td>
          </tr>
        </table>    </td>
        <td></td>
      </tr>
      <tr>
        <td height="103" colspan="2" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99FFCC">
          <!--DWLayoutTable-->
          <tr>
            <td width="634" height="103">&nbsp;</td>
          </tr>
        </table>    </td>
        <td></td>
      </tr>
    </table>

  13. #13
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Citation Envoyé par Swoög
    Tu pourrais être plus précis ? qu'as-tu essayé précisément ? quel est le résultat obtenu ? etc...
    si à chaque fois tu fournis que la première info on va pas aller loin...
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  14. #14
    Membre éclairé Avatar de H-bil
    Inscrit en
    Février 2006
    Messages
    337
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 337
    Par défaut
    OK
    voici le resultat
    je veux mettre les petit tableau au centre du tableau gris

  15. #15
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    déjà les tableaux pour la mise en forme (voir ma signature)
    mais : tableaux + CSS = lol

    enfin... fait un tableau qui contient tes petits tableaux, et mets les margin sur ce tableau
    ou alors essaie de mettre les margin sur chacun des petits tableaux
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

Discussions similaires

  1. [CSS] Centrer le contenu d'une Div
    Par bolo dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 09/03/2006, 19h18
  2. comment effacer le contenu d'une table ttable
    Par naw dans le forum Bases de données
    Réponses: 4
    Dernier message: 07/07/2004, 16h13
  3. Combo box et liste de valeurs contenues dans ma table
    Par TieumB dans le forum C++Builder
    Réponses: 14
    Dernier message: 05/04/2004, 18h47
  4. [MYSQL] Copier contenue d'une table vers...
    Par naseeb18 dans le forum Requêtes
    Réponses: 9
    Dernier message: 04/04/2004, 13h40
  5. Lister le contenu d'une table sans connaitre ses champs
    Par Google.be dans le forum PostgreSQL
    Réponses: 9
    Dernier message: 30/03/2004, 15h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo