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

  1. 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
    1. 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>
      0
      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>

        ????????????????????????????????????????????????????
        0
        1. as-tu lu mon message ???
          0
      2. 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.
        1
        1. ,
          0
      3. 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
        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
          1. Merci de ta réponses, l'image est à gauche mais elle sort du cadre .
            0
          2. post tout ton DOM stp, ya un truc qui cloche.
            0
          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>
            0