Centré image

bonjour,

sur ma page d'accueil jessaie de trouver un code pour centré l'image tout cimplement

une idée ? merci a vous

7 réponses

  • Votes
  • Date
  • Date décroissante
  1. Bonsoir,

    Voici deux façons de centrer une image en HTML : (la balise <center></center> est déconseillée par beaucoup de spécialistes.)

    <IMG SRC="http://xxx.xxx.fr/image.jpg" style="text-align:center">
    <IMG SRC="http://xxx.xxx.fr/image2.jpg" align="center">
    


    Cordialement :)
    Je ne savais pas que c'était impossible. C'est pour ça que j'ai réussi à le faire.
    1. merci mais la photo reste a gauche :/ ou sait tu si il y a un code pour avoir son fond d'écran qui prent toute la place mais qui est pareil sur tout les pc ? car sur un 17 et 15 pouces on ne voit pas pareil :/
      1. Contributeur
        Bonjour,

        Sans voir du tout ton code c'est pas évident, mais à priori comme ça je dirais de mettre l'image dans une div et de mettre la div avec des margin-left et margin-right en auto.
        1. je veux le mettre de suite sur le site :
          <!doctype html>

          <html lang="{{ Blog.Lang | default('en') }}">
          <head>
          <!-- shortcut:[Meta] -->
          <!-- title -->
          {% title %}
          <!-- metas description, keyword, robots -->
          {% meta %}

          <!-- shortcut:[Includes] -->
          <!-- favicon -->
          {% favicon %}

          c'est a dire ? un exemple ? car pour moi pour l'instant cest un peu du chinois :/
          1. Ne t'inquiète pas.

            1. Crée un ficher .css
            2. Tu Tu mets entre ta balise <head></head> un <link rel="stylesheet" href="URL DE TON FICHER .CSS" />

            Ca fait :

            NB : mets ton image sous div
            
            <DOCTYPE html>
            <html>
            <head>
            <title></title>
            <meta charset="utf-8" />
            <link rel="stylesheet" href="URL DU FICHER .CSS"
            </head>
            <body>
            <div id="image">
            <img border="0" src="URL DE TON IMAGE" />
            </div>
            </body>
            </html>
            
            


            ET DANS TON FICHER CSS :

            #image {
            margin: auto;
            }
            


            En espérant que ça pourrais t'aider,

            Nicolas
            1. NON, A LA LIGNE 6 J'AI FAIS UNE ERREUR : RAJOUTE 0 LA FIN DE LA LIGNE 6 LE />
            2. URL du ficcher CSS je trouve sa ou ? donc ligne 6 <link rel="stylesheet" href="URL DU FICHER .CSS" />0 ?
          2. salut

            tu met ton image avec :

            <style type="text/css">
            			img {
            				display: block;
            				margin: auto;
            			}
            		</style>
            	</head>
            	<body>
            		<img alt="" src="ton_img.png" />
            	</body>
            


            bonne soirée

            ׺°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[׺°"~'"°º×
            1. sa a bien mis mon image au centre mais sa a centré tout e site :/