Metre image a gauche

Bonjour, comment je peux faire pour metre mon image a gauche dans mon cadre?

<div id="mid"> <IMG src="328.png">

Merci

6 réponses

  • Votes
  • Date
  • Date décroissante
  1. bizarre, elle est censé être à gauche par défaut...

    <div id="mid">
    <IMG style="float:left;" src="328.png">
    <div style="clear:both;"></div>
    </div>
    1. Merci de ta réponses, l'image est à gauche mais elle sort du cadre .
    2. post tout ton DOM stp, ya un truc qui cloche.
    3. <head>
      <title>Maintenance » ! </title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <style type="text/css">
      <!--
      body {
      text-align: center;
      background-color: #ffffff;
      margin-top: 15px;
      }
      #container {
      width: 667px;
      margin: auto;
      font-family: Verdana;
      font-size: 10px;
      font-weight: normal;
      color: #000000;
      }
      #top {
      background: url(header.gif);
      height: 22px;
      }
      #mid {
      background: url(background.gif);
      }
      #bot {
      background: url(footer.gif);
      height: 18px;
      }
      -->
      </style>
      </head>
      <body background="bg.png">
      <div id="container">
      <div id="top"> </div>
      <div id="mid"> <IMG src="328.png"> </div>

      <div id="mid"><br><br><br></br>Bienvenue sur la page de maintenance de le site est actuellement fermer !<br></br><br></br><IMG src="frank_19.gif"> <br></br> </div>
      <div id="bot"></div>

      </div>
      </body>
      </html>
  2. déjà t'as 2 id="mid" hors un id ne doit concerner qu'un seul élément, met class="mid" plutot, et replace #mid par .mid dans ton css.
    1. préfère les class aux id. L'id ne sert que quand tu veux cibler un élément en particulier. Mais dans la plupart des cas class suffit.
    2. Pourquoi tu redonne le meme code que j'ai donner en premier?
      Merci pour ton aide mes l'image n'est toujour pas à gauche.
      1. <head>
        <title>Maintenance » Habbpop ! </title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
        <!--
        body {
        text-align: center;
        background-color: #ffffff;
        margin-top: 15px;
        }
        #container {
        width: 667px;
        margin: auto;
        font-family: Verdana;
        font-size: 10px;
        font-weight: normal;
        color: #000000;
        }
        #top {
        background: url(header.gif);
        height: 22px;
        }
        #mid {
        background: url(background.gif);
        }
        #bot {
        background: url(footer.gif);
        height: 18px;
        }
        -->
        </style>
        </head>
        <body background="bg.png">
        <div id="container">
        <div id="top"> </div>

        .mid <br><br><br></br>Bienvenue sur la page de maintenance de Habbpop le site est actuellement fermer !<br></br><br></br><IMG src="frank_19.gif"> <br></br> </div>
        <div id="bot"></div>

        </div>
        </body>
        </html>

        ????????????????????????????????????????????????????
        1. as-tu lu mon message ???
      2. bon... c'est pourtant pas compliqué...

        <head>
        <title>Maintenance » ! </title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
        <!--
        body {
        text-align: center;
        background-color: #ffffff;
        margin-top: 15px;
        }
        #container {
        width: 667px;
        margin: auto;
        font-family: Verdana;
        font-size: 10px;
        font-weight: normal;
        color: #000000;
        }
        #top {
        background: url(header.gif);
        height: 22px;
        }
        .mid {
        background: url(background.gif);
        }
        #bot {
        background: url(footer.gif);
        height: 18px;
        }
        -->
        </style>
        </head>
        <body background="bg.png">
        <div id="container">
        <div id="top"> </div>
        <div class="mid"> <IMG src="328.png"> </div>

        <div class="mid"><br><br><br></br>Bienvenue sur la page de maintenance de le site est actuellement fermer !<br></br><br></br><IMG src="frank_19.gif"> <br></br> </div>
        <div id="bot"></div>

        </div>
        </body>
        </html>