Imágenes no se visualizan en Firefox

[dariosmm]

Hola,

ante todo saludaros a todos ya que soy nuevo en el foro.

Estoy diseñando una web con Dreamweaver, el problema es que con Firefox no se visualizan bien algunas imágenes.

Pongo aquí el código a ver si veis el error:


<div class="menu"><img src="imagenes/m1.jpg" width="40" height="49"><a href="mafero_eng.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image151','','imagenes/mafero2.jpg',1)"><img src="imagenes/mafero1.jpg" alt="Corporate Information" name="Image151" width="42" height="49" border="0" id="Image151"></a>
</div>

Hay más código pero es muy largo, son imágenes también (en un menú horizontal)

El caso es que dentro del mismo contenedor la cabecera se ve pero estas imágenes no... Y es muy chungo porque ahí están los enlaces al reso de la web, así que en Firefox no puedo ver el resto de páginas!

A ver si alguien me puede ayudar. Un saludo.

[bookmaster]

Mas o menos con ese código deduzco que estás usando un efecto RollOver con las imágenes, asegura de que los nombres estén bien puestos, que el script sea correcto.

¿Habría algún sitio de verlo en funcionamiento para detectar mejor el fallo?

De todas maneras te dejo el cómo lo haría yo.

Código HTML:

<div class="menu">
<img src="imagenes/m1.jpg" width="40" height="49">
<a href="mafero_eng.htm" onMouseOut="Image151.src='imagenes/mafero1.jpg'" onMouseOver="Image151.src='imagenes/mafero2.jpg'">
<img src="imagenes/mafero1.jpg" alt="Corporate Information" name="Image151" width="42" height="49" border="0" id="Image151"></a>
</div> 

aquí te dejo la página de ejemplo de como quedaría.
http://fdw.lohacemosweb.net/EjeImagenes.php

[dariosmm]

Pues sí, es un efecto RollOver, sin embargo no se carga ninguna de las imágenes de ese menú horizontal en Firefox.

Puedes ver la web original en www.maferelec.com

Yo la estoy rediseñando y el menú horizontal no sale en Firefox (en Internet Explorer sí), con lo cual no puedo acceder al resto de páginas de la web.

Voy a probar tu trozo de código.

Gracias

[dariosmm]

Por cierto no puedo ver la página que me pones como enlace

[dariosmm]

Ya he probado tu código pero tampoco me funciona...

No entiendo por qué, si es algo sencillo... Si tienes alguna idea, te lo agradezco. Gracias de nuevo por la ayuda.

[bookmaster]

Mira a ver si se visualiza bien esto:
http://fdw.lohacemosweb.net/EjeImagenes.php

Lo he echo de la manera en el que te lo he puesto arriba y a mi almenos se me ve sin problemas.

Te dejo el bloque:

Código HTML:

<!-- inicio menu -->
<div class="menu">
<img src="http://www.maferelec.com/imagenes/m1.jpg"><a href="mafer.htm" onMouseOut="Image15.src='http://www.maferelec.com/imagenes/mafer1.jpg'" onMouseOver="Image15.src='http://www.maferelec.com/imagenes/mafer2.jpg'"><img src="http://www.maferelec.com/imagenes/mafer1.jpg" alt="mafer" name="Image15" id="Image15" width="42" height="49" border="0"></a><img src="http://www.maferelec.com/imagenes/m2.jpg"><a href="servicios.htm" onMouseOut="Image20.src='http://www.maferelec.com/imagenes/services.jpg'" onMouseOver="Image20.src='http://www.maferelec.com/imagenes/services2.jpg'"><img src="http://www.maferelec.com/imagenes/services.jpg" alt="services" name="Image20" id="Image20" width="64" height="49" border="0"></a><img src="http://www.maferelec.com/imagenes/m3.jpg" width="41" height="49"><a href="proyectos.htm" onMouseOut="Image14.src='http://www.maferelec.com/imagenes/proyects1_2.jpg'" onMouseOver="Image14.src='http://www.maferelec.com/imagenes/proyects2.jpg'"><img src="http://www.maferelec.com/imagenes/proyects1_2.jpg" alt="mafer proyects" name="Image14" id="Image14" width="104" height="49" border="0"></a><img src="http://www.maferelec.com/imagenes/m4.jpg" width="43" height="49"><a href="human_resources.htm" onMouseOut="Image17.src='http://www.maferelec.com/imagenes/human.jpg'" onMouseOver="Image17.src='http://www.maferelec.com/imagenes/human2.jpg'"><img src="http://www.maferelec.com/imagenes/human.jpg" alt="human resources" name="Image17" id="Image17" width="129" height="49" border="0"></a><img src="http://www.maferelec.com/imagenes/m5.jpg"><a href="news.htm" onMouseOut="Image18.src='http://www.maferelec.com/imagenes/news.jpg'" onMouseOver="Image18.src='http://www.maferelec.com/imagenes/news2.jpg'"><img src="http://www.maferelec.com/imagenes/news.jpg" alt="news" name="Image18" id="Image18" width="57" height="49" border="0"></a><img src="http://www.maferelec.com/imagenes/m6.jpg"><a href="contacto.htm" onMouseOut="Image19.src='http://www.maferelec.com/imagenes/contac.jpg'" onMouseOver="Image19.src='http://www.maferelec.com/imagenes/contac2.jpg'"><img src="http://www.maferelec.com/imagenes/contac.jpg" alt="contact" name="Image19" id="Image19" width="62" height="49" border="0"></a><img src="http://www.maferelec.com/imagenes/m7.jpg"></div> 

Por cierto se te ha olvidado ponerles los id="", que eso suele provocar estos fallos.

PD.: Me gusta el diseño, simple pero directo al grano :)

[dariosmm]

Me temo que tampoco. He copiado y pegado tu código, y en IE va bien, pero en Firefox sigue sin funcionar.

Por cierto, me gustaría que mi página fuese como la de http://www.freescale.com, qué usan para darle la estructura central y lateral? Marcos, Flash...?

[bookmaster]

Es raro que no te salga mi ejemplo, ya que lo he probado en diferentes navegadores (Internet Explorer, Firefox, Opera y Safari), y sale bien, a ver si alguien que visite este post nos puede decir si sale o no.

Si le sale bien, puede ser cosa de tu navegador.

Según veo en el código de esa página está echa con <divs> y CSS, y algunos efectos en Flash.

[dariosmm]

Ya puedes ver mi web en este enlace:

http://mafero.no-ip.org/dario/servicios_eng.htm

Ahí ves que el menú superior y el contenedor central está descuadrado... Puede ser problema del estilo CSS?