Deplacer une image avec HTML et CSS

Fermé
CurSeAuthentic
Messages postés
26
Date d'inscription
jeudi 5 avril 2012
Statut
Membre
Dernière intervention
8 mai 2012
- 9 avril 2012 à 11:33
 Marius - 15 févr. 2021 à 21:16
Bonjour,
Je suis nouveau dans la programmation, et je n'arrive pas à trouver comment deplacer une image/lien à un endroit precis sur mon site internet... :/
Serait il possible d'avoir le code HTML et CSS complet svp :$


A voir également:

1 réponse

Dylandu6040
Messages postés
62
Date d'inscription
dimanche 11 mars 2012
Statut
Membre
Dernière intervention
24 avril 2012
13
9 avril 2012 à 11:59
Salut Curse,

Voici le site du zéro tu peut tout apprendre moi c'est la que j'ai apris et maintenant je cree un site les yeux fermer(facon de parler)

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

cordialement dylan
6
CurSeAuthentic
Messages postés
26
Date d'inscription
jeudi 5 avril 2012
Statut
Membre
Dernière intervention
8 mai 2012
4
9 avril 2012 à 12:02
J'ai déjà était voir , mais ils n'explique pas comment deplacer une image...
0
Profil bloqué
9 avril 2012 à 12:06
{
position : absolute;
top : 10px;
left : 10px
}

dans ton css par exemple, ou alors en position relative, etc...

A moins que tu ne cherches à déplacer un élément lors du survol par exemple, dans ce cas là regarde du côté transition css3
0
Dylandu6040
Messages postés
62
Date d'inscription
dimanche 11 mars 2012
Statut
Membre
Dernière intervention
24 avril 2012
13
9 avril 2012 à 12:12
Pour mettre tout a gauche c'est : Float:left;
Pour mettre tout a droite c'est : Float:right;
Pour gerer lespace entre la gauche de ta page est ton image c'est : Margin-left: 30px;
Pour gerer l'espace entre la droite de ta page est ton image c'est :Margin-right: 30px;
Pour gerer l'espace entre le haut de ta page est ton image c'est : margin-top:30px;
Pour gerer l'espace entre le bas de ta page est ton image c'est : margin-bottom:30px;

Enchangeant le nombre de pixels ;)
0
CurSeAuthentic
Messages postés
26
Date d'inscription
jeudi 5 avril 2012
Statut
Membre
Dernière intervention
8 mai 2012
4
9 avril 2012 à 12:12
Merci pour le CSS mais que dois-je mettre dans mon html?
Moi j'ai mis ca:
<img src="image.png" alt="mon image" class="logo" />

Et en css:
.logo
{
position: absolute;
top: 10 px;
left: 10px;
}

Ya t-il une erreur?
0
Dylandu6040
Messages postés
62
Date d'inscription
dimanche 11 mars 2012
Statut
Membre
Dernière intervention
24 avril 2012
13
9 avril 2012 à 12:22
html:
<img class="Logo"src="image.png" alt="mon image"/>(jpenser a ca ;))

css:
.Logo
{
position: absolute;
top: 10 px;
left: 10px;
}
0