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

Signaler
-
netsoftnet
Messages postés
127
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
1828
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
246
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 86751 internautes nous ont dit merci ce mois-ci

Messages postés
193
Date d'inscription
dimanche 29 mai 2011
Statut
Membre
Dernière intervention
28 janvier 2013
40
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 86751 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
193
Date d'inscription
dimanche 29 mai 2011
Statut
Membre
Dernière intervention
28 janvier 2013
40
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
127
Date d'inscription
jeudi 3 janvier 2013
Statut
Membre
Dernière intervention
18 janvier 2016
25
<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>