18041 sujets

Questions générales et questions de débutants

[Résolu] Placer une image totalement à droite d'une page.

Bonjour,
sur l'image suivante, je voudrais placer le plan complètement à droite de la page.
upload/61389-planCopier.jpg

J'ai essayé avec *float* mais ça me colle le plan contre le texte.
Je ne veux pas faire un *position-fixed*.

Savez vous comment je dois faire?
Merci pour votre aide.
Greg_Lumiere a écrit :
Bonjour abeille,
Absolument !
Ah, très bien!
Merci.
Modifié par abeille (22 Jun 2016 - 09:16)
Bonjour,
Est ce que tu as une largeur précise de base sur t'as page ?

Si c'est la cas tes blocks font 100% de la largeur de base.

Essaye de créer un conteneur dans lequel tu vas créer deux blocks.
Après a toi de gérer l'espace Smiley cligne

Comme ceci : http://codepen.io/Golderen/pen/EyNXPV ?
Modifié par Golderen (22 Jun 2016 - 09:14)
6l20 a écrit :

Quel talent, j'adore ! Smiley lol Smiley jap
Merci, merci Smiley lol
C'est un métier mon bon Monsieur, c'est un métier.

(chuchotement au creux de l'oreille) je profite des soldes sur les fleurs Smiley cligne
a écrit :



Bonjour abeille,

abeille a écrit :
Savez vous comment je dois faire?
Absolument !



Vous êtes bien réveillé de bon matin Smiley zzzz
Golderen a écrit :
Bonjour,
Est ce que tu as une largeur précise de base sur t'as page ?

Si c'est la cas tes blocks font 100% de la largeur de base.

Essaye de créer un conteneur dans lequel tu vas créer deux blocks.
Après a toi de gérer l'espace Smiley cligne

Comme ceci : http://codepen.io/Golderen/pen/EyNXPV ?
C'est parfait, exactement ce qu'il me fallait.
Juste une question: comment je dois faire pour placer les photos de droite.... plus à droite.
Merci!
A plus.
Modifié par abeille (22 Jun 2016 - 09:51)
a écrit :
Juste une question: comment je dois faire pour placer les photos de droite.... plus à droite.


Dans ce cas j'ai utilisé un conteneur en Flex pour pouvoir mettre l'attribut sur le conteneur de l'image en margin-left: auto; ( Sa permet de fixer le conteneur à Droite. )

Dans l'exemple que je t'ai montré j'ai appliqué des padding. Après libre à toi de les enlevées..

Sinon si tu veux faire en sorte que l'image sois complétement a droite essaye ceci :


.conteneur{
position: relative;
}

.textConteneur{
width: /* La taille restante par rapport à l'espace que prend l'image */ ;
}

.imgConteneur{
position: absolute;
right: 0;
top: 0; /* Si tu veux le fixer en haut */
bottom: 0; /* Si tu veux le fixer en bas */

margin: auto; /* Si tu met top et bottom pour pouvoir le centrer au milieu. */

width:/* La taille de ton image */ ;
}
Je comprends mal ces conseils et solutions Smiley eek
Tu veux une image a droite ??
1) juste avant tout autre élément donc juste derrière ton BODY tu mets

<BODY>
<style>
div.droite {position:fixed;top:170px;right:0;z-index:-12;overflow:hidden;visibility:visible !important;}
</style>
<div class="droite">
<img src="monimg.jpg" alt="" />
</div>

voila c'est tout !!
ARHHHHHHHHHHHHHHH désolé Golderen j'avais pas vu ta réponse Smiley confused
Modifié par Christele (22 Jun 2016 - 12:26)
a écrit :
ARHHHHHHHHHHHHHHH désolé Golderen j'avais pas vu ta réponse Smiley confused


Pas de problème Smiley jap
Sujet clos
Aller à