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

除了发布的其他答案之外，我还看到一些属性的双引号：

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

http://validator.w3.org/

在这种情况下，W3C Validator服务是您的朋友。

编辑：看到你的PHP代码后，上述错误是由这一行引起的：

BAD

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

GOOD

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

Answer 2

图片代码中的src属性有反斜杠。他们应该使用正斜杠。有些浏览器会为您处理此问题而其他浏览器则不会这样做。

Answer 3

您的图片src属性后面有斜杠。有些浏览器对此有宽容，有些则没有。无论哪种方式，都是错的。：）

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

应该是

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

...适用于所有src路径。

为什么我的页面无法在每个浏览器中正确显示？

3 个答案: