Problème de lightbox qui passe sous mes div

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,

Voilà mon problème quand j'ouvre ma lightbox, elle passe sous mes div. Et je ne comprend pas pourquoi, car je l'ai déjà utilisée pour un autre site et elle fonctionne très bien.

Même en changeant les "z-index" de mes div cela ne change rien!

Savez-vous pourquoi?

MERCI
A voir également:

3 réponses

Réponse 1 / 3
Utilisateur anonyme
 
Juste un problème avec mes z-index, par défaut il me passait mes div au premier plan.
1
Réponse 2 / 3
Mihawk Messages postés 4315 Date d'inscription   Statut Contributeur Dernière intervention   846
 
Hello,
Tout le monde ne connait pas lightbox ; et sans ton code on va avoir du mal à t'aider :-)

Bien à toi,
0
Réponse 3 / 3
Utilisateur anonyme
 
Je vous mets mon code. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lesli Mariage</title>
        <link rel="shortcut icon" a href="../favicon_083641/favicon.ico"></a>
        <link rel="stylesheet" type="text/css" href="codecss.css">
        
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 640px;
	top: 16px;
}
#apDiv2 {
	position:absolute;
	width:938px;
	height:19px;
	z-index:7001;
	left: -14px;
	top: 317px;
}
#apDiv3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:7001;
	left: -1px;
	top: 519px;
}
#apDiv4 {
	position:absolute;
	width:175px;
	height:115px;
	z-index:7001;
	left: 245px;
	top: 40px;
}
#apDiv5 {
	position:absolute;
	width:144px;
	height:115px;
	z-index:7001;
	left: 832px;
	top: 415px;
}
#apDiv6 {
	position:absolute;
	width:146px;
	height:115px;
	z-index:7001;
	left: 925px;
	top: 224px;
}
#apDiv7 {
	position:absolute;
	width:200px;
	height:84px;
	z-index:7001;
	left: 107px;
	top: 302px;
}
#apDiv8 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:7001;
	left: -249px;
	top: 153px;
}
#apDiv9 {
	position:absolute;
	width:857px;
	height:197px;
	z-index:1;
	left: -12px;
	top: 223px;
}
#apDiv10 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:7001;
}
#apDiv11 {
	position:absolute;
	width:200px;
	height:18px;
	z-index:7001;
	left: 0px;
	top: 452px;
}
#apDiv12 {
	position:absolute;
	width:200px;
	height:19px;
	z-index:7001;
	left: -1px;
	top: 499px;
}
#apDiv13 {
	position:absolute;
	width:59px;
	height:38px;
	z-index:7001;
	left: 505px;
	top: 473px;
}
#apDiv14 {
	position:absolute;
	width:59px;
	height:33px;
	z-index:7001;
	left: 792px;
	top: 473px;
}
#apDiv15 {
	position:absolute;
	width:75px;
	height:37px;
	z-index:7001;
	left: 564px;
	top: 473px;
}
#apDiv16 {
	position:absolute;
	width:64px;
	height:34px;
	z-index:7001;
	left: 640px;
	top: 473px;
}
#apDiv17 {
	position:absolute;
	width:83px;
	height:34px;
	z-index:7001;
	left: 706px;
	top: 473px;
}
#apDiv18 {
	position:absolute;
	width:113px;
	height:37px;
	z-index:7001;
	left: 0px;
	top: 546px;
}
#apDiv19 {
	position:absolute;
	width:85px;
	height:38px;
	z-index:7001;
	left: -261px;
	top: 595px;
}
.Style1 {
	color: #5F6A72;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.Style2 {color: #EC777C}
#apDiv20 {
	position:absolute;
	width:121px;
	height:38px;
	z-index:7001;
	left: -273px;
	top: 644px;
}
#apDiv21 {
	position:absolute;
	width:79px;
	height:37px;
	z-index:7001;
	left: -250px;
	top: 688px;
}
.Style5 {
	color: #EC777C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#apDiv22 {
	position:absolute;
	width:50px;
	height:45px;
	z-index:7001;
	left: 752px;
	top: 513px;
}
#apDiv23 {
	position:absolute;
	width:51px;
	height:46px;
	z-index:7001;
	left: 802px;
	top: 513px;
}
#apDiv24 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:7001;
}
.Style6 {color: #5F6A72; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.Style7 {color: #5F6A72; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.Style8 {font-size: 12px}
.Style9 {font-family: Arial, Helvetica, sans-serif; color: #5F6A72;}
#apDiv25 {
	position:absolute;
	width:63px;
	height:41px;
	z-index:7001;
	left: -247px;
	top: 734px;
}
#apDiv26 {
	position:absolute;
	width:88px;
	height:38px;
	z-index:7001;
	top: 787px;
	left: -264px;
}
#apDiv27 {
	position:absolute;
	width:97px;
	height:34px;
	z-index:7001;
	left: -247px;
	top: 832px;
}
#apDiv28 {
	position:absolute;
	width:95px;
	height:32px;
	z-index:7001;
	left: -251px;
	top: 875px;
}
#apDiv29 {
	position:absolute;
	width:82px;
	height:34px;
	z-index:7001;
	left: -249px;
	top: 916px;
}
#apDiv30 {
	position:absolute;
	width:112px;
	height:116px;
	z-index:10;
	left: -1px;
	top: 594px;
}
#apDiv31 {
	position:absolute;
	width:115px;
	height:115px;
	z-index:7001;
	left: 118px;
	top: 595px;
}
#apDiv32 {
	position:absolute;
	width:114px;
	height:115px;
	z-index:7001;
	left: 241px;
	top: 596px;
}
#apDiv33 {
	position:absolute;
	width:115px;
	height:115px;
	z-index:7001;
	left: 359px;
	top: 592px;
}

-->
    </style>
    
    <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="../Scripts/AC_ActiveX.js" type="text/javascript"></script>
    <script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('../mosaique accueil/802.png','elements/twitterbis.png','elements/createursbis.png','elements/hommesbis.png','elements/promotionbis.png','elements/contactbis.png','image/alexis mariage/1bis.png','image/alexis mariage/2bis.png','image/alexis mariage/3bis.png','image/alexis mariage/4bis.png')">
<div id="content">
  <div id="apDiv1"><img src="elements/logo.png" width="217" height="186" /></div>
         
  <p>&nbsp;</p>
  <p>&nbsp;</p>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <div id="apDiv9"><img src="elements/image.png" width="874" height="200" /></div>
  <p>&nbsp;</p>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
  <p>&nbsp;</p>
         <div id="apDiv11"><img src="elements/horizontale.png" width="852" height="14" /></div>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <div id="apDiv12"><img src="elements/horizontale.png" width="852" height="14" /></div>
         <div id="apDiv14"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','elements/contactbis.png',1)"><img src="elements/contact.png" name="Image17" width="53" height="23" border="0" id="Image17" /></a></div>
  <p>&nbsp;</p>
         <div id="apDiv13"><img src="elements/accueilbis.png" width="50" height="23" /></div>
  <div id="apDiv15"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','elements/createursbis.png',1)"><img src="elements/createurs.png" name="Image15" width="68" height="23" border="0" id="Image15" /></a></div>
  <div id="apDiv16"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','elements/hommesbis.png',1)"><img src="elements/Hommes.png" name="Image16" width="58" height="23" border="0" id="Image16" /></a></div>
  <div id="apDiv17"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','elements/promotionbis.png',1)"><img src="elements/promotion.png" name="Image14" width="77" height="23" border="0" id="Image14" /></a></div>
  <div id="apDiv18"><img src="elements/typo/alexis_mariage.png" width="109" height="35" /></div>
  <div id="apDiv30"><a href="image/images/1.png" rel="lightbox" title="my caption" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','image/alexis mariage/1bis.png',1)"><img src="image/alexis mariage/1bis.png" name="Image21" width="113" height="113" border="0" id="Image21" /></a></div>
  <p>&nbsp;</p>
         <p>&nbsp;</p>
  <p>&nbsp;</p>
         <div id="apDiv31"><a href="image/images/2.png" rel="lightbox" title="my caption" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','image/alexis mariage/2bis.png',1)"><img src="image/alexis mariage/2bis.png" name="Image22" width="113" height="113" border="0" id="Image22" /></a></div>
  <div id="apDiv32"><a href="image/images/3.png" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','image/alexis mariage/3bis.png',1)"><img src="image/alexis mariage/3bis.png" name="Image23" width="113" height="113" border="0" id="Image23" /></a></div>
  <p>&nbsp;</p>
  <div id="apDiv25"><img src="elements/typo/mirella.png" width="58" height="35" /></div>
         <div id="apDiv33"><a href="image/images/4.png" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','image/alexis mariage/4bis.png',1)"><img src="image/alexis mariage/4bis.png" name="Image24" width="113" height="113" border="0" id="Image24" /></a></div>
         <p>&nbsp;</p>
  <div id="apDiv26"><img src="elements/typo/pronovias.png" width="79" height="35" /></div>
         <p>&nbsp;</p>
  <div id="apDiv27"><img src="elements/typo/sacha_novia.png" width="92" height="35" /></div>
         <p>&nbsp;</p>
  <div id="apDiv28"><img src="elements/typo/san_patrick.png" width="87" height="35" /></div>
         <p>&nbsp;</p>
         <div class="Style1" id="apDiv19"><img src="elements/typo/elasa_gary.png" width="76" height="35" /></div>
         <p>&nbsp;</p>
  <div id="apDiv29"><img src="elements/typo/white_one.png" width="78" height="35" /></div>
         <h2>&nbsp;</h2>
  <div id="apDiv20"><img src="elements/typo/herve_mariage.png" width="109" height="35" /></div>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
  <p>&nbsp;</p>
         <div class="Style1" id="apDiv21"><img src="elements/typo/inn_love.png" width="68" height="35" /></div>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <div id="apDiv23"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','elements/twitterbis.png',1)"><img src="elements/twitter.png" name="Image12" width="49" height="49" border="0" id="Image12" /></a></div>
         <div id="apDiv22"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','elements/facebookbis.png',0)"><img src="elements/facebook.png" name="Image13" width="52" height="47" border="0" id="Image13" /></a></div>
  <p>&nbsp;</p>
  <p align="center">&nbsp;</p>
         <p align="center">&nbsp;</p>
         <p align="center">&nbsp;</p>
  <p align="center" class="Style6">            © Tous droits réservés à  LESLI MARIAGE RCS B  48317233400011  - TVA non applicable</p>
  <div id="footer">
<div id="previous">    </div>
  </div>
</div>
</body>
</html>
0
Mihawk Messages postés 4315 Date d'inscription   Statut Contributeur Dernière intervention   846
 
Tu n'aurais pas, par hasard, cette page en ligne ?!
0
Utilisateur anonyme
 
Non pas encore.
0
AssassinTourist Messages postés 6028 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Tu as récupéré le script de quelque part ?
0
Utilisateur anonyme
 
De la lightbox oui.

https://lokeshdhakar.com/projects/lightbox2/
0
Utilisateur anonyme
 
Je pense que je dois avoir un soucis avec une feuille css que j'ai rattachée à ma page. Je vais chercher de ce côté là.
0

Discussions similaires

Mot de passe administrateur Freebox : où le trouver ?
Utilisateur anonyme -
Marie -

7 réponses
Trouver le mdp administrateur freebox ?
Cousyn -
Pierr10 -

1 réponse