code html :
Code : Tout sélectionner
<article class="avenir">
<h1>A venir</h1>
</article>
Code : Tout sélectionner
article{
position:absolute;
background-color:green;
margin-left:10px;
margin-top:100px;
}
la communauté d'entraide francophone dédiée au PHP
Positionnement bloc pour avec class="article"
Je ne comprends pas malgré les margins pourquoi le bloc avec class="article" ne se positionne pas comme je le souhaite
code html :
et voici le code css :
code html :
Qu'est-ce qui ne fonctionne pas comme tu souhaites ?
Voilà ce que ça donne et qui me semble correct :
https://jsfiddle.net/cu7qauf2/
Voilà ce que ça donne et qui me semble correct :
https://jsfiddle.net/cu7qauf2/
Quand tout le reste a échoué, lisez le mode d'emploi...
Bonjour,
Tout d'abord attention, ici article n'est pas une classe.
En ce qui concerne ton CSS, tu devrais remplacer "margin-left" par "left", et "margin-top" par "top".
Ton bloc est en position "absolute", c'est à dire qu'il va ce positionner par rapport à son premier parent en position "relative"
Ci-après, un petit exemple avec deux blocs "article" qui ont le même positionnement CSS, et pourtant un résultat différent. Cela s'explique car les deux bloc n'ont pas le même point de repère.
https://jsfiddle.net/39uaw7cs/
Tout d'abord attention, ici article n'est pas une classe.
En ce qui concerne ton CSS, tu devrais remplacer "margin-left" par "left", et "margin-top" par "top".
Ton bloc est en position "absolute", c'est à dire qu'il va ce positionner par rapport à son premier parent en position "relative"
Ci-après, un petit exemple avec deux blocs "article" qui ont le même positionnement CSS, et pourtant un résultat différent. Cela s'explique car les deux bloc n'ont pas le même point de repère.
https://jsfiddle.net/39uaw7cs/