Problème de lightbox qui passe sous mes div
Résolu/Fermé
A voir également:
- Problème de lightbox qui passe sous mes div
- Voir mot de passe wifi android - Guide
- Mot de passe administrateur - Guide
- Identifiant et mot de passe - Guide
- Trousseau mot de passe iphone - Guide
- Réinitialiser pc sans mot de passe - Guide
3 réponses
Utilisateur anonyme
21 févr. 2012 à 11:43
21 févr. 2012 à 11:43
Juste un problème avec mes z-index, par défaut il me passait mes div au premier plan.
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
846
21 févr. 2012 à 10:52
21 févr. 2012 à 10:52
Hello,
Tout le monde ne connait pas lightbox ; et sans ton code on va avoir du mal à t'aider :-)
Bien à toi,
Tout le monde ne connait pas lightbox ; et sans ton code on va avoir du mal à t'aider :-)
Bien à toi,
Utilisateur anonyme
21 févr. 2012 à 11:00
21 févr. 2012 à 11:00
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> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv9"><img src="elements/image.png" width="874" height="200" /></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv11"><img src="elements/horizontale.png" width="852" height="14" /></div>
<p> </p>
<p> </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> </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> </p>
<p> </p>
<p> </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> </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> </p>
<div id="apDiv26"><img src="elements/typo/pronovias.png" width="79" height="35" /></div>
<p> </p>
<div id="apDiv27"><img src="elements/typo/sacha_novia.png" width="92" height="35" /></div>
<p> </p>
<div id="apDiv28"><img src="elements/typo/san_patrick.png" width="87" height="35" /></div>
<p> </p>
<div class="Style1" id="apDiv19"><img src="elements/typo/elasa_gary.png" width="76" height="35" /></div>
<p> </p>
<div id="apDiv29"><img src="elements/typo/white_one.png" width="78" height="35" /></div>
<h2> </h2>
<div id="apDiv20"><img src="elements/typo/herve_mariage.png" width="109" height="35" /></div>
<p> </p>
<p> </p>
<p> </p>
<div class="Style1" id="apDiv21"><img src="elements/typo/inn_love.png" width="68" height="35" /></div>
<p> </p>
<p> </p>
<p> </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> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </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>
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
846
21 févr. 2012 à 11:05
21 févr. 2012 à 11:05
Tu n'aurais pas, par hasard, cette page en ligne ?!
AssassinTourist
Messages postés
5710
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
29 février 2024
1 311
21 févr. 2012 à 11:24
21 févr. 2012 à 11:24
Tu as récupéré le script de quelque part ?