Comment déplacer une image avec html et css?
CurSeAuthentic
Messages postés
26
Date d'inscription
Statut
Membre
Dernière intervention
-
CurSeAuthentic Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
CurSeAuthentic Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Alors voilà, je vien de commencer la programmation de mon site et je voudrais déplacer une image à un endroit bien précis.
Mais je n'arrive pas à trouver comment faire...
Voici mon fichier html:
<!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Craft Creation</title>
<head>
<body>
<img src="Acceuil2.png" alt="lien vers acceuil" id="logo" />
</body>
</html>
Et voici mon fichier css:
body
{
background-image: url("BG.png");
background-attachement: fixed;
}
#logo
{
/* Je dois mettre quoi ici??? */
}
Je voudrais juste bouger mon image de quelque pixels, comme je vien de comencer la programmation, je n'y connais pas grand chose, j'aimerais donc que l'on m'explique simplement :)
Alors voilà, je vien de commencer la programmation de mon site et je voudrais déplacer une image à un endroit bien précis.
Mais je n'arrive pas à trouver comment faire...
Voici mon fichier html:
<!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Craft Creation</title>
<head>
<body>
<img src="Acceuil2.png" alt="lien vers acceuil" id="logo" />
</body>
</html>
Et voici mon fichier css:
body
{
background-image: url("BG.png");
background-attachement: fixed;
}
#logo
{
/* Je dois mettre quoi ici??? */
}
Je voudrais juste bouger mon image de quelque pixels, comme je vien de comencer la programmation, je n'y connais pas grand chose, j'aimerais donc que l'on m'explique simplement :)
A voir également:
- Comment déplacer une image en html
- Déplacer une colonne excel - Guide
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Légender une image - Guide
- Transformer une image en icone - Guide
2 réponses
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3#ss_part_3
par exemple :
#logo
{
margin-top:50px;
margin-left:100px;
}
par exemple :
#logo
{
margin-top:50px;
margin-left:100px;
}