Mon margin-right ne fonctionne pas, de façon incompréhensible
Résolu
Sebbb02
-
Sebbb02 -
Sebbb02 -
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.
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.
A voir également:
- Margin right
- Enter and right to burn in off ✓ - Forum Windows
- Right-click extender - Télécharger - Divers Utilitaires
- Windows 11 right click menu - Guide
- Ctrl right ✓ - Forum Logiciels
- Left right chanson été - Forum Javascript
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;}
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;}
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;}
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;}