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

ssor Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
ssor Messages postés 3 Date d'inscription Statut Membre Dernière intervention - 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>

Afficher la suite

A voir également:

Problème d'une balise image introuvable dans le code
Code ascii - Guide
Comment déverrouiller un téléphone quand on a oublié le code - Guide
Code puk bloqué - Guide
Code activation windows 10 - Guide
Légender une image - Guide

2 réponses

Réponse 1 / 2

blackduck Messages postés 817 Date d'inscription Statut Membre Dernière intervention 96

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

Réponse 2 / 2

ssor Messages postés 3 Date d'inscription Statut Membre Dernière intervention

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

ssor Messages postés 3 Date d'inscription Statut Membre Dernière intervention

http://hpics.li/3dffa9c

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Votre réponse

Discussions similaires