Pourquoi ma page ne s'affiche pas correctement dans tous les navigateurs?

Question

J'ai un problème avec une page. Fondamentalement, ce qui se passe est que le code ci-dessous dans Firefox, il n'affiche pas les images, dans Chrome, il montre les images, mais parfois il ne montre rien.

Le code ci-dessous devrait afficher comme une image d'un produit et au-dessous de celui-ci, indique le nom du produit, par exemple avec ceci:

<div class="bloque_prod"> 
<a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria"')?>"><img style="display: block !important; margin: auto;" src="mw\imagen\productos\categorias\respiratoria.gif" /></a> 
<div class="texto_bloque_prod"><a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria"')?>">Protecci&oacute;n Respiratoria</a></div> 
</div> 

Il devrait montrer la « respiratoria.gif » et au-dessous il montre le texte "Protección Respiratoria". Et tous les produits dans le code ci-dessous montrent être affichés comme dans un tableau.

<div class="cont_menu_izq"> 
    <!-- <a name="Safety" id="ramas" style="color:#D82C17;">Safety:</a> --> 
      <div class="mini_space"></div> 
      <!-- LINEA 1 --> 
      <div class="linea_prod"> 

       <!-- Producto --> 
        <div class="bloque_prod"> 
          <a class="texto_bloque_prod" href="http://www.elexsa.com/P/respiratoria""><img style="display: block !important; margin: auto;" src="mw\imagen\productos\categorias\respiratoria.gif" /></a> 
          <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/respiratoria"">Protecci&oacute;n Respiratoria</a></div> 
        </div> 
       <!--Fin producto--> 
       <div class="espacio_bloque_prod"></div> 
       <!--Producto--> 
        <div class="bloque_prod"> 

         <a class="texto_bloque_prod" href="http://www.elexsa.com/P/caidas""><img style="display: block; margin: auto;" src="mw\imagen\productos\categorias\caidas.gif" /></a> 
         <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/caidas"">Protecci&oacute;n Contra Ca&iacute;das</a></div> 
        </div> 
       <!--Fin producto--> 
       <div class="espacio_bloque_prod"></div> 
       <!--Producto--> 
        <div class="bloque_prod"> 
         <a class="texto_bloque_prod" href="http://www.elexsa.com/P/guantes""><img style="display: block; margin: auto;" src="mw\imagen\productos\categorias\guantes.gif" /></a> 

         <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/guantes"">Protecci&oacute;n para Manos</a></div> 
        </div> 
       <!--Fin producto--> 
       <div class="espacio_bloque_prod"></div> 
       <!--Producto--> 
        <div class="bloque_prod"> 
         <a class="texto_bloque_prod" href="http://www.elexsa.com/P/visual""><img style="display: block; margin: auto;" src="mw\imagen\productos\categorias\visual.gif" /></a> 
         <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/visual"">Protecci&oacute;n Visual</a></div> 

        </div> 
       <!--Fin producto--> 
</div> 

Answer 1

Vos attributs src sur vos tags d'image comportent des barres obliques inverses. Ils devraient utiliser des barres obliques. Certains navigateurs gèrent cela pour vous et d'autres pas.

Answer 2

Vous avez vos barres obliques vers l'arrière sur votre image src propriétés. Certains navigateurs ont la tolérance pour cela, et d'autres non. De toute façon, c'est faux. :)

src="mw\imagen\productos\categorias\visual.gif" 

devrait être

src="mw/imagen/productos/categorias/visual.gif" 

... pour tous vos chemins src.

Answer 3

Outre les autres réponses affichées, je vois des guillemets doubles sur doublé certains attributs:

href="http://www.elexsa.com/P/visual""> 

http://validator.w3.org/

Le service validateur du W3C est votre ami dans des cas comme celui-ci.

Edit: après avoir vu votre code PHP, l'erreur mentionnée ci-dessus est causée par cette ligne:

BAD

<a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria"')?>"> 

BON

<a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria')?>">