Foros del Web » Creando para Internet » CSS »

Imágenes escalables

Estas en el tema de Imágenes escalables en el foro de CSS en Foros del Web. Buenas Estoy intentando una cosa que creo que no puede hacerse (sin js), pero bueno, yo pregunto : Tengo este código : <table width="100%" border="0" ...
  #1 (permalink)  
Antiguo 18/04/2006, 10:51
 
Fecha de Ingreso: abril-2006
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 0
Imágenes escalables

Buenas

Estoy intentando una cosa que creo que no puede hacerse (sin js), pero bueno, yo pregunto :

Tengo este código :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55%"><img src="imatge.jpg" width="100%" height="100%" /></td>
<td width="45%">&nbsp;</td>
</tr>
</table>

Si pegais este código (y poneis una imagen llamada imatge.jpg en la raiz) vereis que en Firefox escala la imagen cuando redimensionamos la ventana del navegador.

El problema se llama IE, se puede hacer de algún modo que funcione con Internet Explorer ???, he probado varias cosas pero con resultados decepcionantes.

Por lo que me han comentado no se puede hacer, así que a ver si alguien lo rebate

gracias de antemano !!!

Miquel
  #2 (permalink)  
Antiguo 19/04/2006, 18:31
Avatar de kalijunfan  
Fecha de Ingreso: febrero-2004
Ubicación: Montevideo, Uruguay
Mensajes: 96
Antigüedad: 13 años, 9 meses
Puntos: 0
entre las varias cosas que probaste, probaste de hacerlo con estilos?
por ejemplo:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55%"><img src="imatge.jpg" width="100%" height="100%" style="width: 100%; height: 100%;"/></td>
<td width="45%">&nbsp;</td>
</tr>
</table>
  #3 (permalink)  
Antiguo 20/04/2006, 01:43
 
Fecha de Ingreso: abril-2006
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 0
Si, lo probé, pero sin éxito, definitivamente creo que no se puede hacer..., almenos hasta que no esté el CSS3...

Miquel
  #4 (permalink)  
Antiguo 23/04/2006, 14:13
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Hola Mikele777 , kalijunfan :

No entiendo qué no funciona.

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>IMAGEN ESCALABLE. </title>
<style type="text/css">
body{width:100%; height:100%; }

#alfa {width:100%; hei¬ght:100%; }

#bravo {width:100%; hei¬ght:100%; }

#charly {width:55%; }

#delta {width:100%; height:100%; }

#eco {width:45%; }


</style>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tbody id=bravo>
<tr>
<td id=charly><img id=delta src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif " /></td>
<td id=eco>&nbsp;</td>
</tr>
</tbody>
</table>

<p>.</p>

<table id=alfa border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="55%"><img src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif " width="100%" height="100%" /></td>
<td width="45%">&nbsp;</td>
</tr>
</table>

</body>
</html>
Lo que además me parece extraño es que la tabla tenga un 100% y la celda un 55 ó 45%. Pero debe ser porque es un ejemplo.

[EDIT]

Ah!. Creo que ya entiendo, el error es que asignas una altura a la imagen. El IE le da la de la celda, pero FF no, por alguna razón no lo interpreta y la carga con su tamaño proporcional.

[[/EDIT]

Última edición por furoya; 27/04/2006 a las 16:25
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 06:38.