Positionner image coin inférieur droit html ! [Fermé]

Signaler
-
Messages postés
125
Date d'inscription
jeudi 3 janvier 2013
Statut
Membre
Dernière intervention
18 janvier 2016
-
Bonsoir, je souhaite positionner une image en bas à droite de la fênetre du navigateur, qui reste fixe. comme un coin qui resterait au coin de la fênetre ... quelqu'un sait comment faire ? Merci d'avance !!

7 réponses

Messages postés
1811
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
261
avec du css :

.element {
position: fixed;
bottom: 0;
right: 0;
...
}

et dans ta page html :

<div class="element">ici ton contenu</div>
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
186
Date d'inscription
dimanche 29 mai 2011
Statut
Membre
Dernière intervention
28 janvier 2013
43
Salut :)

Code : CSS
.taClasse {  
	position: fixed;  
	top: 10px;  
	right: 10px;  
}


tu peux modifier les valeurs top (= haut) et right (= droite) pour que ton image soit à [N] pixels du haut et à [N] pixels de la droite ;)

@+

ø¤º°'°º¤øO miaouss - souris à long terme Oø¤º°'°º¤ø
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci


comme ici en fait : http://www.offprintparis.com/

malheureusement ça ne marche pas :( j'ai mon image dans mon code avec une div id, puis dans le css .monimage avec les caractéristiques que vous me donnez, et pourtant, ça en marche pas
Messages postés
186
Date d'inscription
dimanche 29 mai 2011
Statut
Membre
Dernière intervention
28 janvier 2013
43
Salut

Es-tu sûre de ton code ? montre pour voir ?

est-ce que le code que vous me donnez est valable si l'élément à positionner est une image ?

merci en tout cas
Messages postés
125
Date d'inscription
jeudi 3 janvier 2013
Statut
Membre
Dernière intervention
18 janvier 2016
29
<div style="position:fixed;color:blue;background:#f4f4f3;right:10px;bottom:10px;left:70%;top:70%;overflow:auto;border:2px groove silver;" > 

Bienvenu <br />
Sur Notre Site Web <br />
<img src="http://geishalotus.g.e.pic.centerblog.net/dk9w0gk3.jpg" alt="bienvenu" />
</div>