Foros del Web » Creando para Internet » HTML »

Imagenes en varios navegadores

Estas en el tema de Imagenes en varios navegadores en el foro de HTML en Foros del Web. Hola a todos como están espero que bien, les comento mi inquietud y es probable que a mas de uno le pase o le haya ...
  #1 (permalink)  
Antiguo 28/12/2010, 16:41
 
Fecha de Ingreso: diciembre-2010
Mensajes: 32
Antigüedad: 13 años, 11 meses
Puntos: 0
Imagenes en varios navegadores

Hola a todos como están espero que bien, les comento mi inquietud y es probable que a mas de uno le pase o le haya pasado.
Estoy desarrollando un sitio web usando linux como plataforma, las páginas y los estilos los hago usando solo el gedit (bloc de notas de gnome).
El siguiente codigo corresponde a la imagen en cuestión:

Código:
    <img src="images/apoyo.jpg" width="177" height="45" border="0"/>
En Google Chrome se ve bien:


En Mozilla Firefox


A qué se debe esto, que hacer para solucionarlo?
  #2 (permalink)  
Antiguo 28/12/2010, 19:46
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Imagenes en varios navegadores

¿no será que estás utilizando tablas para marquetar?: he allí uno de los problemas del mal uso de tablas.

puede también deberse al modo de renderizado que aplica el navegador al cambiar el tamaño de la imagen, es por ello que es preferible usar imágenes sin dimensionar.

yo utilizo Ubuntu GNU/Linux y todo lo que hago se ve perfecto tanto en FF como en chrome
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Última edición por maycolalvarez; 28/12/2010 a las 19:52
  #3 (permalink)  
Antiguo 28/12/2010, 20:30
 
Fecha de Ingreso: diciembre-2010
Mensajes: 32
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Imagenes en varios navegadores

si la verdad que estoy usando tablas pero entonces las otras imagenes tambien saldrian con ese borde extraño

Código:
<table width="180" border="0" cellspacing="1">
     <tr>
         <td><img src="images/apoyo.jpg" width="177" height="45" border="0"/></td>
     </tr>
     <tr>
      <td align="center"><a href="http://www.unicordoba.edu.co"><img src="images/logou.jpg" width="100" height="138" border="0"/></a></td>
     </tr>
     <tr>
      <td align="center"><img src="images/socrates.jpg" alt="" width="84" height="112" border="0"/></td>
     </tr>
    </table>
En Google Chrome:


En Mozilla:


Un colega me decía que el problema es la resolución de la imagen pero como verán la imagen tiene buena resolución:

  #4 (permalink)  
Antiguo 28/12/2010, 20:51
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Imagenes en varios navegadores

cambiarle manualmente el tamaño en un editor y prueba, puede ser el renderizado en FF, si no es problema de usar tablas, usa div entonces, u otro formato de mayor calidad como png 24 bits o 32 con alpha, o gif con web safe 216
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 28/12/2010, 20:59
 
Fecha de Ingreso: diciembre-2010
Mensajes: 32
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Imagenes en varios navegadores

Bueno como siempre este foro y sus miembros han sido de gran ayuda... Gracias al anterior post se soluciono mi problema :)

PS: Lo que hice fue cambiarle el tamaño a la imagen

Etiquetas: chrome, img, mozilla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:35.