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
<div id="mid"> <IMG src="328.png">
Merci
6 réponses
-
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>-
-
-
<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>
-
-
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.
-
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.
-
Pourquoi tu redonne le meme code que j'ai donner en premier?
Merci pour ton aide mes l'image n'est toujour pas à gauche. -
<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>
???????????????????????????????????????????????????? -
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>
