Je suis en train de suivre le cours "Créez votre site web avec HTML5 et CSS3".
Je suis actuellement dans le chapitre "Abordez d'autres techniques de mise en page". Tout se passe bien lors de mes tests, sauf lorsque j'essaie d'utiliser la propriété `position: absolute`avec configurations suivante :
<div>
<a href="=" class="banniere">
<img src="https://images.unsplash.com/photo-1659678314866-ed69cff0b366?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1364&q=80" alt="couple sur un rocher">
<h1>Des vacances sympas</h1>
</a>
</div>
Soit tu utilises une ancienne méthode de positionnement le centrage en position absolut, soit tu utilises une méthode plus actuelle les flexbox. Mais pas les deux en même temps.
Les deux dernières propriétés utilisées sont issue du module flexbox en CSS.
Si tu veux centrer un élément positionner en absolu, voici un tuto pour le faire :
D'ailleurs, pour superposer deux éléments, on peut aussi utiliser grid display: grid sur le parent, et grid-area: 1 / 1 sur les deux enfants, afin de les mettre dans la même cellule. Ensuite, centrer se fait comme avec flex.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Position absolute
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Doucement mais Surement
Doucement mais Surement
Doucement mais Surement
Pas d'aide concernant le code par MP, le forum est là pour ça :)