Bonjour,

savez vous comment on superpose deux div dans un élément inline ?

<button id="1"><div>7</div><div class="div2">8</div></button>

j'aimerais superposer la div ayant la classe "div2" à la première div

Merci d'avance

-
Edité par MouMouDu67 9 avril 2021 à 12:05:52

Bonjour,

un button ne peut pas contenir de div, déjà donc utilise des span.

Ensuite, tu veux donc que le 8 et le 7 soient superposés ? Place les deux enfants en absolu, en ayant bien pris soin de donner position: relative au parent.

  en fait je veux que mon 7 et le bonhomme noir (rond) soient centrés ce qui n'est pas le cas.

voici mon code :

#b1{
  position:relative;
  background-color:blue;
  color:grey;
}
span
{
  position:absolute;
}

voici mon code html:

<button id="b1"><span>7</span><span><img src="bonhomme.png"></span></button>

Up svp

Salut, lit la documentation de position: relative et position: absolute et tu comprendras comment placer tes éléments. Sur w3schools par exemple. Bon courage

Salut, voici une video sur les positions qui pourrait t'aider:

https://youtu.be/jGtp9KjSO2c