Mon margin-right ne fonctionne pas, de façon incompréhensible

Résolu/Fermé
Sebbb02 - 10 févr. 2013 à 17:06
 Sebbb02 - 11 févr. 2013 à 22:19
Bonjour,

cela fait plusieurs jours que je rencontre ce problème, je vous explique :

Lorsque que je mets cette instruction dans le CSS :

.bulle {margin-right: 35px; width: 150px; height:120px;}

Le margin-right n'est pas reconnu. :'(

En revanche lorsque je remplace cette instruction par margin-left, il est reconnu sans aucun problème.

Je suis désolée pour ce peu d'informations données mais je ne sais vraiment pas quoi dire de plus et j'ai vraiment besoin de faire fonctionner cette instruction.

Merci d'avance.



6 réponses

Salut,

Que veux tu dire par 'la marfin-right n'est pas reconnu' ?

Par défaut tes éléments sont alignés de gauche à droite sur ta page. Une marge gauche sur ton élément bulle va le décaler vers la droite, et une marge droite va décaler l'élément à droite de l'élément bulle :

<- margin-left -> [.bulle] <- margin-right ->

S'il n'y a rien à droite de l'élément bulle, la marge droite sera bien reconnu mais n'aura aucun effet visible sur ta page.

Tu ne précise pas quel résultat tu attends, mais si tu souhaites afficher ta bulle sur la droite, tu dois d'abord appliquer un "float: right" sur ta bulle ou un "text-align: right" sur son conteneur pour ensuite appliquer une marge sur la droite.

.bulle { float: right; margin-right: 35px; width: 150px; height:120px;}
2
Rychima Messages postés 646 Date d'inscription jeudi 12 août 2010 Statut Membre Dernière intervention 10 septembre 2017 89
10 févr. 2013 à 17:33
Hello,

as tu essayé de mettre plus de 35px ? Si oui, est-il pris en compte ?
1
Profil bloqué
10 févr. 2013 à 17:41
salut
essaie ca

.bulle {margin-right: 35px !important; width: 150px; height:120px;}
1
Je viens de réessayer, et bah non il n'est pas pris en compte.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Toujours pas.
Peut-être que ça peut servir :

le code html :

<aside class="bulle">
<img src="plan.png" width="100px" height="80px" class="flottante" alt="flottante" title="plan" />
</aside>

le code css :

.bulle { margin-right: 35px ; width: 150px; height:120px; background-color: blue; border-radius:25px 25px;}
0
Merci beaucoup !! Ca fonctionne en effet, je ne connaissais pas cette propriété/condition.
Un grand merci à toi et aux autres aussi d'avoir été aussi réactif.
0