Lightbox dans un div ?

Lightbox dans un div ? - HTML/CSS - Programmation

Marsh Posté le 08-07-2009 à 17:31:38    

Bonjour,
 
J'essaie en ce moment même de faire une lightbox dans une zone particulière de ma page (div) et non pas sur l'ensemble de la page comme le font déjà toutes les lightbox qu'on trouve sur le web...
 
L'idée est la suivante :

Code :
  1. <divA>
  2.  <divB>
  3.  </divB>
  4.  <!-- Du contenu OSEF -->
  5. </divA>


 
DivB serait en "surimpression" par dessus tout le contenu de DivA.
 
Ayant essayer des tas de style de positionnements, je commence à me demander si c'est réellement possible. Et je ne veux pas y mettre une iFrame.
 
Si quelqu'un a une idée.
 
:jap:


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 08-07-2009 à 17:31:38   

Reply

Marsh Posté le 09-07-2009 à 10:15:47    

[:belgarion_cer]


Message édité par dwogsi le 09-07-2009 à 10:16:52

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 09-07-2009 à 10:25:35    

Pourquoi tu veux une lightbox ?
 
Faut simplement une requete ajax et balancer le résultat dans ton div B non ?


Message édité par Pascal le nain le 09-07-2009 à 10:25:41
Reply

Marsh Posté le 09-07-2009 à 10:52:24    

Pour être plus précis j'ai besoin de créer des dialogue modal.
Donc il me faut un div qui couvre tout le contenu de mon div conteneur.
Le problème n'est pas d'y charger du contenu !


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 10-07-2009 à 09:42:01    

Tu peux très bien faire un div par dessus un autre :)
Met le div B en position:absolute et en display:none; et déclare-le juste avant ton div A.
Donne-lui une dimension supérieure ou égale au div A.
 
Dès que tu veux, tu passes en display:block avec javascript et ton div s'affichera par miracle !
Après tu peux styliser ton div comme tu veux, de manière à faire une fenêtre.
Inutile de t'emmerder avec une lightbox.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed