les css et la superposition des div Résolu/Fermé

Question

Bonjour à tous,Une question sur les css.J'utilise des div avec des positions absolues. Ces positions dépendent du haut gauche de la page, comment faire pour que la position de référence soit de UN de mes objets dans ma page?En effet j'aimerai afficher, plusieurs textes sur une même partie de ma page en fonction de clique, il faut donc pouvoir afficher et désafficher ses textes (par défaut il serait bien que les différents soit superpose c'est pour cela que la position relative ne marche pas).Si quelqu'un pourrais m'éclaircirmerci d'avancea tres bientot

M0zArT · Accepted Answer

Faire un premier div en relative et imbriquer d'autres div en absolute s'avère fonctionner à merveille ! Merci :D

GallyNet · Answer

Si tu créer un DIV dans un DIV, la position du dexième n'est elle pas fonction du premier ?(Enfin je croit :-) )

Ceddryk · Answer

Créer un DIV dans un DIV, oui c'est la solution, je viens de le faire, ça marche :
un div en position relative pour positionner le calque et à l'intérieur de celui ci le DIV (notre calque) en position absolue pour qu'il chevauche les autres éléments...(puisque SEULE la position ABSOLUE permet la superposition... enfin je crois !)

Serge_La · Answer

Je crois qu'il y a moyen de lire la position d'un objet sur la page en javascript. Si tu lis l'anglais, je pourrais te donner une référence.

Jacobéo · Answer

Bonjour Graphi,

J'ai vu passer quelque chose là-desus il n'y a pas très longtemps. Je cherche. En attendant, ceci correspond'il à ta demande un "mouseover"
http://edu.ca.edu/selfhtml/javascript/exemples/boutons.htm#remarques

Gihef · Answer

Bonjour, Je n'ai pas compris la nécessité de superposer des blocs, mais je te propose d'essayer ça. Une page contenant un bloc principal (conteneur) positionné en relative pour que les éléments qu'il contiendra le prenne comme référence. Dans ce bloc conteneur, 2 autres blocs positionnés en absolute. Le 1er (blocdroit), ne contient rien. Il est juste là pour matérialiser la zone où le texte apparaitra. Il est placé en premier pour rester en-dessous de l'autre, pour que les span de l'autre soient visibles par dessus. Le 2e (blocgauche) contient un texte. Dans ce texte, des qui contiennent des qui sont masquées (display : none;) par défaut. Elles n'affichent le texte qu'elles contiennent que lors du survol de la souris (pas besoin de clic). Elles s'affichent (display: inline;) sur la partie de droite par un positionnement en absolute plus grand que la width du blocgauche. Lorsque la souris sort de la zone, elles se “désaffichent”, se masquent à nouveau. Tu peux te rendre compte (à tester dans IE) de l'effet dans cette page. C'est fait uniquement à l'aide de CSS, sans Javascript. + La superposition de blocs en CSS se fait avec z-index.

nitrogen · Answer

moi j'ai un probléme avec ma page, j'ai monté dans un tableau des image, pour formé mon font de mon site, il est parfait, maintenant je veut rajouté des image, et du text qui suit mon tableau par dessus mes image (link, text, etc) la j'ai esayer la comande div , sauf que ca suit le coin de la page, et non du tableau. quelqu'un peut maider, je suis pas professionel, mais jessai de faire un site qui a de lalure. si vous voulez voir http://nitrogen.servehttp.com/new . et si vous comprener pas ien, je peut esayer de le réexpliquer

merci d'avance! :)

Les css et la superposition des div

7 réponses

Discussions similaires