Problème d'une balise image introuvable dans le code

Fermé
ssor Messages postés 3 Date d'inscription mercredi 10 juin 2015 Statut Membre Dernière intervention 10 juin 2015 - 10 juin 2015 à 09:44
ssor Messages postés 3 Date d'inscription mercredi 10 juin 2015 Statut Membre Dernière intervention 10 juin 2015 - 10 juin 2015 à 14:47
Bonjour,
Je vous sollicite car j'ai un sérieux problème, je n'arrive pas à trouver la balise qui contient une image pour le site intranet que j'actualise tous les jours.

http://hpics.li/c43523a



Il s'agit un site pourris basique en HTML4 avec un peu de JS et depuis que j'ai installé Lightbox2, il m'affiche une image blanche qui fonctionne avec lightbox.
J'ai même vérifier dans le JS pour savoir si il y avait des erreurs et je n'ai rien trouvé.

Est ce que quelqu'un pourrait m'aider afin de me dire où se situerait le problème merci


................
--> </td>
</tr>
</table>
<p> </p>
<p>
<script language=JavaScript src="js/footer.js"></script>
</p>
</div>
</body>
</html>
A voir également:

2 réponses

blackduck Messages postés 817 Date d'inscription mercredi 20 février 2013 Statut Membre Dernière intervention 24 novembre 2018 96
10 juin 2015 à 12:08
Salut,

Pour que je comprenne bien, tu cherches où si situe la balise image correspondante à ce carré blanc ou c'est la source de l'image qui n'est jamais trouvée?
Ca va être un peu compliqué avec seulement un png en lien pour trouver le problème
1
ssor Messages postés 3 Date d'inscription mercredi 10 juin 2015 Statut Membre Dernière intervention 10 juin 2015
Modifié par ssor le 10/06/2015 à 14:44
Je sais c'est un peu complexe à expliquer, mais alors en cherchant un peu j'ai découvert que l'image blanche se positionne seulement quand le CSS de Lightbox est activé. Je mets une nouvelle photo qui montre que il y a deux cadres, dont un qui n'apparait nul par dans le code HTML

Je te mets le CSS


/* Preload images */
body:after {
content: url(/images/loading.gif);
content: url(/images/next.png) ;
content: url(/images/prev.png);
content: url(/images/close.png);
display: none;
}

.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}

.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}

.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

.lightbox a img {
border: none;
}

.lb-outerContainer {
position: relative;
background-color: white;
  • zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}.lb-outerContainer:after { content: ""; display: table; clear: both;}.lb-container { padding: 4px;}.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;}.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/images/loading.gif) no-repeat;}.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}.lb-container > .nav { left: 0;}.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block;}.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;}.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;}.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}.lb-dataContainer:after { content: ""; display: table; clear: both;}.lb-data { padding: 0 4px; color: #ccc;}.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;}.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;}.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;}.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}


Merci
0
ssor Messages postés 3 Date d'inscription mercredi 10 juin 2015 Statut Membre Dernière intervention 10 juin 2015
10 juin 2015 à 14:47
http://hpics.li/3dffa9c
0