Bonjour,

J'aimerais placer une image à un endroit mais c'est compliquer avec margin / padding

Voici une explication par une image.

Comment puis-je faire?

Merci

-
Edité par psgman80 12 mars 2018 à 15:29:20

Salut,

j'ai débuté la semaine dernière, mais je fouine sur le net depuis, et j'ai reussi a placer mes images ou je veux dans ma page internet.

c'est surement un codage de bric a brac, mais ça peut peut être te dépanner.

dans le body de ta page html tu colle ça :

<div class="nomdetaclass"><img src="tonimage.jpg" alt="donne un nom"></div> 

et dans css tu colle ça :

.nomdetaclass  { position: absolute; top: 320px; right: 320px; }

change les pixels pour positionner ton image, sachant que (top), zero ca debute tout en haut de ta page, donc plus tu met de pixels, plus ton image vas descendre vers le bas, et (right), zero ça part de la droite de ta page et plus tu met de pixels, plus ton image vas vers la gauche.

bonne continuation.

JeanLouisBinvignat a écrit:

change les pixels pour positionner ton image, sachant que (top), zero ca debute tout en haut de ta page

psgman80 a écrit:

Je l'ai déjà fait est cela decale le texte vers le bas.

Peut-on avoir au moins une partie de ton code ? Afin de pouvoir plus t'aider ? Car pour le moment, les réponses que tu as eu sont bonnes ^^ 

Tu mets ton élément parent en position: relative

Ensuite, tu mets ton image en position: absolute, top: 0; right: 0. Cela devrait positionner ton image en haut à droite de ton élément parent

Je ne  l'avais pas mis dans l'élément parent.

Ca fonctionne correctement.

Merci