Pour un projet j'utilise les flexbox (parce que c'est tout simplement génial pour que les éléments ne partent pas dans tout les sens). Donc en faite j'ai deux images, une image en arrière plan et une autre image. J'aimerais que la deuxième images se positionne par dessus la première. J'ai déjà essayé d'utiliser les position absolute et les z-index pour le positionnement. Mais ce n'est pas idéal.
Auriez-vous une solution ?
On m'a conseillé de mettre display flex sur une div parent. de mes images, j'ai donc fais ce code :
Code HTML :
<body> <!-- J'applique sur le body, un background color noir. pour donner un effet de transparence sur l'image "background". !-->
<div class="container">
<img src="img/background.jpg" class="me_background">
<img src="img/me.jpg" class="me_picture">
</div>
</body>
pour superposer deux éléments, il n'y a en effet que position: absolute. Tu pourrais nous mettre une page en ligne pour qu'on voie le code dans son milieu naturel ? Comme tout tourne autour d'images, et que nous ne les avons pas, nous ne pouvons pas reproduire ton problème.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Je ne sais pas qui t'as conseillé d'utiliser flexbox pour se faire chevaucher deux éléments, mais c'est carrément l'inverse de ce que propose cette propriété.
Flexbox sert justement à ce que les élements soient flexibles entre eux et ne se chevauchent pas. Et si c'est le cas, tu peux utiliser la propriété flex-wrap pour que les éléments ne soient pas serrés comme des sardines (et là je t'ai mis la musique dans la tête pour la journée, désolé ).
Mieux vaut travailler avec du classique et des marges pour une image sur une image. Voici un exemple de ce que tu pourrais faire (merci de ne pas critiquer mes talents médiocres de designer ).
quasiment la même problématique de mon coté, je cherche à ajouter une div centrée par dessus mon image (avec du texte etc) et mon formateur s'est presque moqué de ceux qui ont utilisé "position: absolute" en disant que c'est une vielle manière de faire ça et qu'on peut faire mieux avec flexbox par exemple.
Auriez vous une autre manière de faire ? (flexbox ou autre)
Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.
Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre. En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.
Au lieu de déterrer un sujet il est préférable :
soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
soit de créer un nouveau sujet décrivant votre propre contexte
ne pas répondre à un déterrage et le signaler à la modération
Pas d'aide concernant le code par MP, le forum est là pour ça :)