Cita:
Iniciado por pzin 
IE7
tenía problemas con los archivos PNG, con la transparencia y eso. Digo tenía, porque IE7 es un navegador muerto que no se usa realmente.
Por otro lado, para el tema de los iconos, hoy en día se suele usar una fuente para los mismos. Existen servicios como
IconMoon donde puedes generar fuentes de iconos a partir de imágenes SVG, luego otros servicios que tienen miles de iconos en formato SVG como
iconmonstr. Ambos son gratuitos.
Así puedes tener iconos como si fuesen fuentes, cambiarles el color, añadir sombras, transiciones, tamaños, etc.
Gracias por la respuesta. Necesito que se vea en IE7, aunque no se use ultimamente mucho, porque mi cliente si lo usa. Lamentablemente muchas empresas, organizaciones y demás siguen usando IE7.
Por otro lado, no creo que sea el archivo en sí. He comprobado haciendo una pagina de pruebas en local. Y el IE7 si me carga las imagenes. Se me ocurre que sea alguna incompatibilidad con la ruta que da. No lo sé.
Voy a seguir haciendo pruebas.
En cuanto a tu información de iconmoon. Conozco el metodo del que hablas de usar iconos de fuentes. Pero no conocía el servicio de iconmoon. Gracias por compartirlo. Pero lo que tiene usar esos iconos, que solo tienen un color base. Ya que son una fuente. Estan bien, pero siempre para un diseño muy minimalista y sobre todo para un estilo metro.
********************************
EDITO PARA NO HACER DOBLE POST
He hecho una nueva prueba. He quitado los <p> de cada imagen y dejarlas sueltas. Lo normal como etiqueta inline que es el <img> se vean una al lado de otras. Pero ahora se ve en IE7 las imagenes enanas. Muy enanas y tambien se ven una encima de otra. Como si hiciera un <br> o estuvieran en diferentes parrafos cosa que no se ve así en otros navegadores.
Codigo actual:
Código HTML:
Ver original<td style="vertical-align: top;"><img src="/formacion/images/iconos/facebook.png" title="facebook" width="29" height="29" /> <img src="/formacion/images/iconos/linkedin.png" title="linkedin" width="29" height="29" /> <img src="/formacion/images/iconos/youtube.png" title="youtube" width="29" height="29" /></td>
Así es como se ve en IE7:
Y así es como se ve en firefox y otros navegadores. Incluidos IE8 para arriba.
¿¿ALguien me puede dar una idea de que es lo que está ocurriendo?? Me voy a volver loco xD