Partage
  • Partager sur Facebook
  • Partager sur Twitter

Centrer une image

    7 juin 2007 à 14:54:22

    Je me suis lancé dans la création d'un design extensible pour mon site quand j'ai constaté qu'un design fixe, bien que plus simple, était plus limité.
    Seulement, j'ai toujours eu des problèmes à centrer des images. Avec un design fixe, je n'avais qu'à définir un margin-left qui centrait mon image, mais cette astuce ne fonctionne plus avec un design extensible.

    Par exemple, mon image "édito" devrait être centrée.
    Je pensais qu'un "text-align: center" fonctionnerai, mais non. J'ai longtemps essayé, mais impossible de centrer l'image. Voici le CSS que je lui ai associé :

    #édito
    {
            text-align: center;
            vertical-align: middle;
            margin: 0 auto;
            margin-top: 40px;
            width : 600px%;
            height : 160px;

    }


    Pourriez-vous m'indiquer comment la centrer ?
    Merci d'avance. ^^
    • Partager sur Facebook
    • Partager sur Twitter
      7 juin 2007 à 15:02:35

      Je pense qu'il y a une faute ici :

      width : 600px%; => width : 600px;

      Et que si tu définis un width en px => un margin auto suffira à centrer l'image.


      [EDIT] Ton pseudo c'est un perso de Golden Sun ? (ça fait longtemps :-° )

      • Partager sur Facebook
      • Partager sur Twitter
        7 juin 2007 à 15:13:52

        tout a ete dit :

        margin:auto;
        • Partager sur Facebook
        • Partager sur Twitter
          7 juin 2007 à 15:20:31

          Citation : muse_stream

          [EDIT] Ton pseudo c'est un perso de Golden Sun ? (ça fait longtemps :-° )



          Je pense oui, vu son avatar ^^
          C'est clair que ca fait longtemps :p
          • Partager sur Facebook
          • Partager sur Twitter
            7 juin 2007 à 17:51:01

            J'avais en effet fait une erreur, mais même avec la syntaxe suivante, mon image ne se centre pas :

            #édito
            {
                    width : 600px;
                    height : 160px;
                    margin: auto;
                    margin-top: 40px;
            }


            Ce problème me semble bien étrange.

            (Et mon pseudo vient bien de GS, en effet.) ;)
            • Partager sur Facebook
            • Partager sur Twitter
              7 juin 2007 à 17:57:05

              met du vieux HTML ça marche
              <center><img src="*****" /></center>
              • Partager sur Facebook
              • Partager sur Twitter
                7 juin 2007 à 18:03:18

                Si tu veux centre toutes tes images:
                img
                {
                text-align: center;
                }

                Si c'est juste une image, tu peux faire:

                #édito img
                {
                 text-align: center;       
                }


                Essaie ça ;) .
                • Partager sur Facebook
                • Partager sur Twitter

                Centrer une image

                × 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