Salut
Je travaille toujours sur mon petit files manager pour mon cms.
Comme vous pouvez le voir, toutes les X qui servent à supprimer une image ne s'affichent pas.
Ca n'est pas dû à l'image qui est derrière car j'ai changé l'ordre et seules les X du début s'affichent.
http://img5.hostingpics.net/thumbs/mini_329133CaptureImageManager.png
Voici mon CSS
Voici mon code généré :
D'après vous ? Une explication ?
Merci
Laurent
Modifié par Laurent Jordi (06 Jan 2010 - 11:29)
Je travaille toujours sur mon petit files manager pour mon cms.
Comme vous pouvez le voir, toutes les X qui servent à supprimer une image ne s'affichent pas.
Ca n'est pas dû à l'image qui est derrière car j'ai changé l'ordre et seules les X du début s'affichent.
http://img5.hostingpics.net/thumbs/mini_329133CaptureImageManager.png
Voici mon CSS
.FilesManager
{
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
.FilesManager .tdSelector
{
vertical-align: top;
}
.FilesManager .tdThumbs
{
width: 600px;
clear: both;
vertical-align: top;
}
.FilesManager .divScroll
{
/*background-color:#cccccc;*/
background-image: url(/cms/sitemedia/BGBricksTabUnselected.png);
border: 1px inset #ffffff;
height: 305px;
clear: both;
vertical-align: top;
overflow-y: scroll;
overflow-x: hidden;
}
.FilesManager .tdThumbs .divScroll ul
{
display: block;
list-style: none;
overflow: hidden;
padding-left: 13px;
}
.FilesManager .tdThumbs .divScroll ul li
{
display: block;
border: 1px outset #DDDDDD;
background-color: #FFFFFF;
width: 100px;
height: 100px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.FilesManager .tdThumbs .divScroll ul li:hover
{
display: block;
border: 1px outset #FFFFFF;
background-color: #DDDDDD;
width: 100px;
height: 100px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.FilesManager .tdThumbs .divScroll ul li .cmdDelDoc
{
float:left;
display:block;
margin-top: -110px;
margin-left: -110px;
}
Voici mon code généré :
<td class="tdThumbs">
<div class="divScroll">
<ul>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl00_liFile">
<a href="/multimedia/images/ayelle_reebok_freestyle.png" target="_blank"><img src="/multimedia/images/thumb/ayelle_reebok_freestyle.png" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl00$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl00_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl01_liFile">
<a href="/multimedia/images/boy.jpg" target="_blank"><img src="/multimedia/images/thumb/boy.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl01$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl01_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl02_liFile">
<a href="/multimedia/images/ensembleacarreaux.jpg" target="_blank"><img src="/multimedia/images/thumb/ensembleacarreaux.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl02$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl02_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl03_liFile">
<a href="/multimedia/images/fringues.jpg" target="_blank"><img src="/multimedia/images/thumb/fringues.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl03$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl03_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl04_liFile">
<a href="/multimedia/images/humour-vetements.jpg" target="_blank"><img src="/multimedia/images/thumb/humour-vetements.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl04$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl04_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl05_liFile">
<a href="/multimedia/images/li.png" target="_blank"><img src="/multimedia/images/thumb/li.png" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl05$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl05_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl06_liFile">
<a href="/multimedia/images/rayonnage-vetements600.jpg" target="_blank"><img src="/multimedia/images/thumb/rayonnage-vetements600.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl06$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl06_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl07_liFile">
<a href="/multimedia/images/rayons.jpg" target="_blank"><img src="/multimedia/images/thumb/rayons.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl07$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl07_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl08_liFile">
<a href="/multimedia/images/snapshot_20091113.jpg" target="_blank"><img src="/multimedia/images/thumb/snapshot_20091113.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl08$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl08_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl09_liFile">
<a href="/multimedia/images/top.jpg" target="_blank"><img src="/multimedia/images/thumb/top.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl09$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl09_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
<li id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl10_liFile">
<a href="/multimedia/images/vetements.jpg" target="_blank"><img src="/multimedia/images/thumb/vetements.jpg" border="0" /></a><input type="image" name="ctl00$ctl00$ctl00$cphMain$cphBody$cphBody$rptFiles$ctl10$inoThumb$cmdDel" id="ctl00_ctl00_ctl00_cphMain_cphBody_cphBody_rptFiles_ctl10_inoThumb_cmdDel" class="cmdDelDoc" src="/cms/sitemedia/filesmanager/deldoc.png" style="border-width:0px;" />
</li>
</ul>
</div>
</td>
D'après vous ? Une explication ?
Merci
Laurent
Modifié par Laurent Jordi (06 Jan 2010 - 11:29)