Foros del Web » Creando para Internet » HTML »

Tamaño de imagen cambia segun resolucion del monitor

Estas en el tema de Tamaño de imagen cambia segun resolucion del monitor en el foro de HTML en Foros del Web. Hola tengo la que parece ser la duda inevitable para los que estamos aprendiendo, es decir cuando nos topamos con este problema hacemos esta pregunta..... ...
  #1 (permalink)  
Antiguo 10/12/2009, 16:14
 
Fecha de Ingreso: mayo-2009
Mensajes: 147
Antigüedad: 14 años, 10 meses
Puntos: 1
Pregunta Tamaño de imagen cambia segun resolucion del monitor

Hola tengo la que parece ser la duda inevitable para los que estamos aprendiendo, es decir cuando nos topamos con este problema hacemos esta pregunta.....

Como hago para que mi web se vea igual en todas las resoluciones del monitor??

Bueno he creado el sig. codigo que funciona, pero quiero saber si está correcto ya que no estoy seguro.
En el codigo tengo dos imagenes o mejor dicho una imagen repetida dos veces, en primer lugar la imagen está insertada de manera comun osea sin nada raro, en segundo lugar está a dentro de una tabla y esa tabla está con porcentajes, la imagen que está dentro de la tabla también la puse con porcentajes osea en lugar de pixeles tiene porcentajes...
de esa manera, la primera imagen se agranda cuando bajo la resolucion del monitor por ejemplo a 800 x 600, pero la segunda imagen se mantiene en sus proporciones.
(si solo la tabla la pongo en porcentajes y a la imagen NO, las dos imagenes se agrandar al cambiar la resolucion.)
ESTE SISTEMA FUNCIONA SOLO EN FIREFOX, OSEA EN FIREFOX LA IMAGEN PRIMERA SE AGRANDA AL CAMBIAR LA RESOLUCION Y LA SEGUNDA SE MANTIENE PROPORCIONADA (eso es lo que busco) PERO EN EL EXPLORER NO PASA NADA OSEA NO SIRVE ESTE SISTEMA. YA QUE EL FIREFOX LO ACEPTA DEBE HABER ALGUNAQ FORMA DE QUE EL EXPLORE TAMBIÉN ... NO?

COMO LO SOLUCIONO???
DESDE YA GRACIAS A TODOS

Código HTML:
<p><img src="imagenes/foto_cabecera.jpg" width="900" height="182" /></p>

<table width="65%" height="34%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100%" height="100%"><img src="imagenes/foto_cabecera.jpg" width="100%" height="100%" /></td>
  </tr>
</table> 
  #2 (permalink)  
Antiguo 14/12/2009, 11:27
 
Fecha de Ingreso: diciembre-2009
Mensajes: 438
Antigüedad: 14 años, 3 meses
Puntos: 16
Respuesta: Tamaño de imagen cambia segun resolucion del monitor

Puedes utilizar javascript para comprobar el tamaño de pantalla del navegador y según el resultado mostrar la imagen con un tamaño u otro.
  #3 (permalink)  
Antiguo 14/12/2009, 11:43
 
Fecha de Ingreso: diciembre-2004
Ubicación: Madrid
Mensajes: 550
Antigüedad: 19 años, 3 meses
Puntos: 28
Respuesta: Tamaño de imagen cambia segun resolucion del monitor

el problema es que si usas porcentajes, esa tabla o imagen se adapta al tamaño de la resolución de la pantalla, mientras que los píxeles no, así que como dice Osdiwe, podrías saber la resolución de la pantalla usando javascript

Código:
<script language="JavaScript1.2">
<!--
document.writeln("<b>Tú resolución es de:</b> " + screen.width + " x " + screen.height +"");
//-->
</script>
  #4 (permalink)  
Antiguo 14/12/2009, 11:45
Avatar de MarioAraque
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Valencia
Mensajes: 1.398
Antigüedad: 14 años, 5 meses
Puntos: 265
Respuesta: Tamaño de imagen cambia segun resolucion del monitor

Yo creo que Explorer no lo reconoce porque estas usando atributos desaprobados dentro de las etiquetas TABLE e IMG.

Esto tiene mas que ver con CSS, pero creo que si usas hojas de estilos para marcar los porcentajes te puede llegar a funcionar en Explorer.

Saludos.
  #5 (permalink)  
Antiguo 14/12/2009, 16:36
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Tamaño de imagen cambia segun resolucion del monitor

Hola

Además ¿qué pasaría si un usuario tuviera el javascript desactivado? Pues que la página podría no verse bien porque no sabría que resolución tiene el monitor de ese usuario.

Hazlo mejor con CSS, léete este artículo para entenderlo mejor.

Saludos.

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 03:30.