Deplacer une image en HTML
Fermé
Tilep97411
Messages postés
1
Date d'inscription
lundi 18 février 2013
Statut
Membre
Dernière intervention
18 février 2013
-
18 févr. 2013 à 11:01
feco - 20 févr. 2013 à 15:38
feco - 20 févr. 2013 à 15:38
A voir également:
- Déplacer une image html
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Déplacer une colonne excel - Guide
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Comment agrandir une image - Guide
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.
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.
