Je n'arrive pas à placer une image ou je veux
yaya94270
Messages postés
9
Date d'inscription
Statut
Membre
Dernière intervention
-
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je n'arrive pas a placer l'image verte dans mon cadre a gauche quelquel pixel a la limite du cadre voila mon code et mon site :
code :
<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: 20px;
}
.mid {
background: url(centre.gif);
}
#bot {
background: url(footer.gif);
height: 18px;
}
#bote {
background: url(328.png);
height: 70px;
}
-->
</style>
</head>
<body background="bg.png">
<div id="container">
<div id="top"></div>
<div id="mid">
</div>
<IMG style="float:left;"src="328.png">
<div class="mid"><br><br><br></br><B>Bienvenue sur la page de maintenance de le site est actuellement fermer !</B><br></br><br></br><IMG src="frank_19.gif"> <br></br> </div>
<div id="bot"></div>
</div>
</body>
</html>
www.habbpop.net
code :
<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: 20px;
}
.mid {
background: url(centre.gif);
}
#bot {
background: url(footer.gif);
height: 18px;
}
#bote {
background: url(328.png);
height: 70px;
}
-->
</style>
</head>
<body background="bg.png">
<div id="container">
<div id="top"></div>
<div id="mid">
</div>
<IMG style="float:left;"src="328.png">
<div class="mid"><br><br><br></br><B>Bienvenue sur la page de maintenance de le site est actuellement fermer !</B><br></br><br></br><IMG src="frank_19.gif"> <br></br> </div>
<div id="bot"></div>
</div>
</body>
</html>
A voir également:
- Je n'arrive pas à placer une image ou je veux
- Placer des points sur une carte - Guide
- Image iso - Guide
- Légender une image - Guide
- Créer une icone à partir d'une image - Guide
- Reduire taille image - Guide
2 réponses
Salut, as tu essayez de mettre par exemple le bloc #container en position: relative; puis de mettre ton image dans un autre bloc par exemple:
Puis dans ton css tu met:
Sans oublier de mettre le bloc #container en position: relative;
<div class="aligner_img">
<img alt="img" src="328.png">
</div>
Puis dans ton css tu met:
.aligner_img img {
position: absolute;
left: 12px;
top: 13px;
}
Sans oublier de mettre le bloc #container en position: relative;
yaya94270
Messages postés
9
Date d'inscription
Statut
Membre
Dernière intervention
1
Merci, c'est possible de mettre avec tout le code j'arrive pas :/
Salut, moi je veux bien te donner tout le code que j'ai fait, mais il ne va plus correspondre exactement avec le tient, car j'ai un peu re-codé pour le comprendre après si tu veux récupère le et compare avec le tient.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
<head>
<title>Maintenance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
text-align: center;
margin-top: 15px;
background: #ffffff url("http://www.habbpop.net/bg.png");
}
#container {
width: 667px;
margin: auto;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #000000;
position: relative;
}
#top {
background: url("http://www.habbpop.net/header.gif");
height: 20px;
}
#mid {
background: url("http://www.habbpop.net/centre.gif");
}
#bot {
background: url("http://www.habbpop.net/footer.gif");
height: 18px;
}
.aligner_img img {
position: absolute;
left: 12px;
top: 13px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="top">
</div>
<div class="aligner_img">
<img src="http://www.habbpop.net/328.png" alt="img"/>
</div>
<div id="mid">
<br/><br/><br/></br/><strong>Bienvenue sur la page de maintenance site est actuellement fermer !</strong><br/><br/><br/><br/>
<img src="http://www.habbpop.net/frank_19.gif" alt="img"/><br/></br/>
</div>
<div id="bot">
</div>
</div>
</body>
</html>