Ver Mensaje Individual
  #18 (permalink)  
Antiguo 26/05/2009, 18:17
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Cual es la manera correcta de programar print de imagen?

Hola Hoberwilly.
A ver si te he comprendido bien. Ya me dirás:
Tienes una imagen de unas dimensiones 4547 * 580 px (bastantes considerables, por cierto)
A esta imagen le dices al navegador que la redimensione para mostrarla en la pantalla a 1000 *118 px:
<img src="img/LOGO.jpg" width="1000" height="118" /> (el tag img hay que cerrarlo con " />")

¿A qué te refieres con:
Cita:
... la visualizan de manera distorsionada esta imagen, en algunos no cuadran en la vista al monitor
¿distorsionada es deformada, aplastada? eso es porque no has reducido en la misma proporción el alto y ancho. Hay una diferencia entre la relación 4547/1000 y 589/118

Cuadrar la vista en el monitor: ¿te refieres a centrar horizontalmente tu imagen en su pantalla?
Mira tu estructura y mis comentarios:
Código html:
Ver original
  1. <table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
  2. <!-- el ancho 100% de su padre, en este caso sería el body -->
  3. <tr>
  4.   <td colspan="8" width="100%"><img src="img/LOGO.jpg" width="1000" height="118" />
  5. <!-- el 100% de la tabla= 100% body pero la imagen mide 1000px ¿qué ocurre si la ventana es de 800px o de 1280px? -->
  6. </td>
  7. </tr>
  8. <!-- siguen más celdas -->

¿O cuadrar es que la imagen se adapte sin deformarse a la celda sea cual sea su tamaño?

No se si estas reflexiones te serán de ayuda, pues no acabo de comprender la naturaleza del problema y cómo es "verse correctamente en tu monitor".

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++