Partage
  • Partager sur Facebook
  • Partager sur Twitter

Alternative aux <center> ?

Refus de la balise par le W3C

Sujet résolu
    4 juin 2006 à 16:03:13

    J'ai bien essayé avec, en CSS la prpriété align mais je ne parviens pas à bien faire fonctionner l'alignement. Pourriez-vous m'aider ? Merci d'avance.
    • Partager sur Facebook
    • Partager sur Twitter
      4 juin 2006 à 16:30:15

      Que veux tu aligner?
      Du texte, une image, un bloc?
      • Partager sur Facebook
      • Partager sur Twitter
        4 juin 2006 à 16:34:48

        Salut
        Essaye ceci sur un div avec centre comme id.
        #centre{
            margin: auto;
        }
        • Partager sur Facebook
        • Partager sur Twitter

        En cours...

          4 juin 2006 à 16:38:27

          pour que margin: auto; fonctionne il faut l'associer a width: valeur;
          • Partager sur Facebook
          • Partager sur Twitter
            4 juin 2006 à 16:51:43

            Si c'est pour aligner un texte.

            Text-align: center;


            ^^
            • Partager sur Facebook
            • Partager sur Twitter
              5 juin 2006 à 11:11:51

              Ce serait plutôt un bloc (éléments mixtes). Avec l'astuce margin-left: auto et margin-right:auto, ça ne marche pas toujours...
              • Partager sur Facebook
              • Partager sur Twitter
                5 juin 2006 à 12:42:11

                Si c'est un bloc, le margin:auto devrait fonctionner.
                • Partager sur Facebook
                • Partager sur Twitter
                  5 juin 2006 à 12:46:42

                  Et pour une image non-background ?

                  Que faire à part utiliser <center> ?
                  • Partager sur Facebook
                  • Partager sur Twitter
                    5 juin 2006 à 12:47:26

                    Salut,

                    Fais comme ceci, ça devrait aller:

                    <p style="margin: 0px; padding: 0px; text-align: center;"> ton texte </p>
                    • Partager sur Facebook
                    • Partager sur Twitter
                      5 juin 2006 à 12:47:52

                      Citation : Fireman756

                      Et pour une image non-background ?

                      Que faire à part utiliser <center> ?



                      <p style="text-align:center;"><img src="tonimage.jpg" alt="image" /> </p>


                      grillé :D
                      • Partager sur Facebook
                      • Partager sur Twitter
                        5 juin 2006 à 12:48:18

                        Sinon tu peux mettre faire cela:
                        Exemple, centrer un bloc conteneur:


                        #conteneur
                        {

                        width: 760px;
                        position: relative;
                        left: 50%;  /*On déplace le bloc à la moitié de la page*/
                        margin-left: -380px;/*On retranche la moitié de la taille du bloc pour le centrer parfaitement*/
                        }
                        • Partager sur Facebook
                        • Partager sur Twitter
                          5 juin 2006 à 12:58:20

                          <img src="ton_image.jpg" style="margin: auto;" />
                          • Partager sur Facebook
                          • Partager sur Twitter
                            5 juin 2006 à 12:59:34

                            Sauf qu'il faut un width ludodoludujodu.
                            • Partager sur Facebook
                            • Partager sur Twitter
                              17 juin 2006 à 14:52:54

                              Pour un tableau, vous auriez une idée ? J'avais trouvé (34 pour un tableau aux trois quarts de la fenêtre):

                              .34
                              {
                              width: 75%;
                              text-align: center;
                              margin-left: auto;
                              margin-right: auto;
                              }

                              Mais ça marche pas...
                              • Partager sur Facebook
                              • Partager sur Twitter
                                17 juin 2006 à 15:03:08

                                il me semble que pour utiliser le coup des margin:auto; il faut donner une taille fixe donc pas en %
                                • Partager sur Facebook
                                • Partager sur Twitter
                                  17 juin 2006 à 15:07:38

                                  Non, un margin: auto; avec une taille en % fonctionne également.
                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                    17 juin 2006 à 15:12:49

                                    c'est fini les delires ?
                                    • Partager sur Facebook
                                    • Partager sur Twitter

                                    Alternative aux <center> ?

                                    × 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