Deplacer une image en HTML
Tilep97411
Messages postés
1
Statut
Membre
-
feco -
feco -
Bonjour, je cherche comment déplacer une image sur ma page de site a un endroit bien précis, en utilisant le langage HTML.
2 réponses
-
salut, salut !
Et bien tu as deux phases. le HTML et le CSS.
1- HTML
tu créé ta div ou tu souhaite recevoir ton image et ce, dans une autre div qui sera son parent pour la bouger. ex:
<div classe="parent">
<div classe="image1"><img src="#"></div>
</div>
2- le CSS
nouveau document : CSS
ici seront touts tes attributs de classe.
Soit :
.parent{
width:500px;
height:500px;
}
.image1{
margin: 100px 0 0 50px;
}
(les valeur signifient : margin-top:100px; margin-right:0px; margin-bottom:0px; margin-left:50px;)
Donc si on résume. Tu as un bloc de 500px x 500px dans lequel tu incorpore ton image (faut-il qu'elle soit plus petite) qui sera décalée de 100px vers le bas et 50px vers la droite.