problème avec div en position relative qui se place devant

Avatar de l’utilisateur
Eléphanteau du PHP | 14 Messages

14 avr. 2017, 19:12

bonjour, à tous et à toutes

Je débute dans le css et je ne maitrise pas encore bien le positionnement des blocs.
C'est en travaillant et en cherchant partout que j'arrive à mieux comprendre.

Mais là, je n'y arrive plus!

Je vous expose mon problème.

J'ai un lien sur un page qui permet de faire une transition vers une nouvelle image (au même endroit).
Le souci apparait lorsque je veux que la page soit responsive et que je réduis la fenêtre du navigateur.

en effet le bloc qui suit celui de mon image disparait en dessous.

Comment faire pour faire que le bloc suivant continue à se mettre à la suite de mon bloc contenant l'image?

J'ai mis les codes ma page ici : https://jsfiddle.net/marcos_sol/Lvcgottd/
Le résultat seul ici : http://www.vgtv.fr/test22.html

Merci pour votre aide ou pour m'aider à me mettre sur la voie.

Avatar de l’utilisateur
Modérateur PHPfrance
Modérateur PHPfrance | 8755 Messages

18 avr. 2017, 10:55

salut,

quel est le problème exactement, parce que la le comportement de ta page de test est normal.
le texte reste sous l'image quelque soit la taille de la fenêtre.

ceci dit, tu places en relatif la 1ère div il serait bon de faire pareil pour les autres sinon c'est normale qu'elle prennent leur place dans le flux naturel.
d'ailleurs tu n'as pas besoin de poser en relatif ou absolue tes images, c'est le 1er truc du code il sera forcément en haut à gauche.
pour ce que tu veux tu peux simplement afficher ou non l'image avec un display:none | block sur la bonne image.
vu que tu utilises jquery tu as un truc tout fait pour t'aider (toggle).

@+
Il en faut peu pour être heureux ......