私のページがすべてのブラウザで正しく表示されないのはなぜですか？

Question

ページに問題があります。基本的には、firefoxの下のコードは画像を表示せず、Chromeは画像を表示しますが、何も表示しないことがあります。

以下のコードは、製品の画像のように表示する必要があり、それの下に、これを例えば、製品の名前を示す：

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

それは以下「respiratoria.gif」を示すべきでありそれはテキスト "ProtecciónRespiratoria"を示す。下のコードのすべての製品は、表のように表示されます。

<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

イメージタグのsrc属性にバックスラッシュが付きます。スラッシュを使用する必要があります。いくつかのブラウザはあなたのためにこれを処理し、他のブラウザは処理しません。

Answer 2

画像の上にスラッシュがあります。srcプロパティ。一部のブラウザではこれに対応し、他のブラウザでは対応しません。いずれにせよ、それは間違っています。 :)

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

はあなたのsrcパスのすべてのための

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

...であるべき。

Answer 3

掲載他の回答に加えて、私はいくつかの属性に倍増し、二重引用符を参照してください。W3C Validatorのサービスは、このようなケースではあなたの友達です

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

http://validator.w3.org/

を。

編集：あなたのPHPコードを見た後、上記のエラーは、この行によって引き起こされる：

BAD

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

GOOD

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