Partage
  • Partager sur Facebook
  • Partager sur Twitter

Centrer une image

Sujet résolu
    13 décembre 2005 à 22:11:45

    Bonjour,

    Voilà je sais déjà que ma question des plus basique se retrouve 50x dans le forum, mais là j'y comprend vraiment rien.
    J'ai tout essayé pour centrer mon image en CSS, j'ai essayé de centrer le block entier, de mettre des marges de 50% de chaques cotés de mettre des marges auto...

    Merci d'avance pour vos réponses.

    <div id="haut">
       <a href="index.htm"><img src="happy-life.jpg" alt="header" title="Happy Life"/></a>
    </div>


    #haut
    {

       text-align: center;
       margin: auto;
    }


    PS : Je ne voudrais pas des rèponses avec des align=center etc... je voudrais quelque chose en "regle" Merci beaucoup.
    • Partager sur Facebook
    • Partager sur Twitter
      13 décembre 2005 à 22:19:00

      Slt !

      Spécifies une largeur à ton id, car sinon par défaut, étant de type bloc, il occupe toute la largeur de son élément parent.
      • Partager sur Facebook
      • Partager sur Twitter
        13 décembre 2005 à 22:28:26

        Merci mais ca n'a pas l'air de suffire.

        #haut
        {

           text-align: center;
           margin: auto;
           width: 800px;
        }
        • Partager sur Facebook
        • Partager sur Twitter
        Anonyme
          13 décembre 2005 à 23:52:20

          Le margin: auto c'est pour FF donc c'est pour soit le lien, soit l'image mais en tout cas pas la div !!!!
          • Partager sur Facebook
          • Partager sur Twitter
            14 décembre 2005 à 0:48:32

            Salut :)

            Essaye de définir une class (ou un id) pour ta balise image, comme ça :

               <a href="index.htm"><img src="happy-life.jpg" alt="header" title="Happy Life" class="haut" /></a>


            Ca devrait marcher je pense ;)
            • Partager sur Facebook
            • Partager sur Twitter
              14 décembre 2005 à 0:56:30

              <a href="index.htm"><img src="happy-life.jpg" alt="header" title="Happy Life" class="haut" /></a>


              .haut
              {
                 display: block;
                 margin: auto;
              }


              essaie, ça marche ;)
              • 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