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

Question

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 ................ -->

blackduck · Answer

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

ssor · Answer

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

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

2 réponses

Discussions similaires