Foros del Web » Creando para Internet » HTML »

problema con imagenes que se me mueven

Estas en el tema de problema con imagenes que se me mueven en el foro de HTML en Foros del Web. He creado una tabla y en cada celda una imagen, he reducido el tamño de stas en porcentajes, pero no se porque al visualizar la ...
  #1 (permalink)  
Antiguo 30/06/2008, 03:36
 
Fecha de Ingreso: julio-2005
Mensajes: 259
Antigüedad: 18 años, 9 meses
Puntos: 0
problema con imagenes que se me mueven

He creado una tabla y en cada celda una imagen, he reducido el tamño de stas en porcentajes, pero no se porque al visualizar la tabla me sale muy separadas las imagenes ¿como evito se separe?

Código PHP:
html>
<
head>
<
title>Documento sin t&iacute;tulo</title>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</
head>

<
body>
<
table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <
tr>
    <
td><img src="foto1.jpg" width="30%" height="30%"></td>
    <
td><img src="foto2.jpg" width="30%" height="30%"></td>
  </
tr>
  <
tr>
    <
td>&nbsp;</td>
    <
td>&nbsp;</td>
  </
tr>
</
table>
</
body>
</
html
  #2 (permalink)  
Antiguo 30/06/2008, 04:41
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 16 años
Puntos: 5
Respuesta: problema con imagenes que se me mueven

Te salen separadas porque tienes 2, cada una ocupa el 30% y la tabla (por lo tanto cada td) ocupa el 100%.

2 x 30%: 60%

60% < 100%


Un saludo!
  #3 (permalink)  
Antiguo 30/06/2008, 05:11
 
Fecha de Ingreso: julio-2005
Mensajes: 259
Antigüedad: 18 años, 9 meses
Puntos: 0
Respuesta: problema con imagenes que se me mueven

Cita:
Iniciado por nedrek Ver Mensaje
Te salen separadas porque tienes 2, cada una ocupa el 30% y la tabla (por lo tanto cada td) ocupa el 100%.

2 x 30%: 60%

60% < 100%


Un saludo!
Gracias. Pero como hago para que la anchura de cada celda se adapte al tamaño de la imagen que esta en % ??
  #4 (permalink)  
Antiguo 30/06/2008, 08:32
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 15 años, 10 meses
Puntos: 21
Respuesta: problema con imagenes que se me mueven

Hola amigo, yo te recomiendo que no uses width="30%" height="30%", estas cosas ademas de ser obsoletas deforman la imagen.

Si lo que quieres es que la tabla se adapte a las imagenes entonces no uses los porcentajes y veras que funciona correctamente. Si quieres cambiar el tamaño de las imagenes editalas con algun programa como photoshop o algo asi y dales el tamaño que necesites.

Un codigo que funciona y es mucho mejor es el siguiente:

Código HTML:
<html>
<head>
<title>mi imagen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table>
  <tr>
    <td><img src="foto1.jpg" alt="foto1"/></td>
    <td><img src="foto2.jpg" alt="foto2"/></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html> 
Espero esto que te dije te sirva para contestar algunas preguntas. Te recomiendo que leas un poco de html y css.

Saludos, Damian.
  #5 (permalink)  
Antiguo 30/06/2008, 09:28
 
Fecha de Ingreso: julio-2005
Mensajes: 259
Antigüedad: 18 años, 9 meses
Puntos: 0
Respuesta: problema con imagenes que se me mueven

Cita:
Iniciado por dacho Ver Mensaje
Hola amigo, yo te recomiendo que no uses width="30%" height="30%", estas cosas ademas de ser obsoletas deforman la imagen.

Si lo que quieres es que la tabla se adapte a las imagenes entonces no uses los porcentajes y veras que funciona correctamente. Si quieres cambiar el tamaño de las imagenes editalas con algun programa como photoshop o algo asi y dales el tamaño que necesites.

Un codigo que funciona y es mucho mejor es el siguiente:

Código HTML:
<html>
<head>
<title>mi imagen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table>
  <tr>
    <td><img src="foto1.jpg" alt="foto1"/></td>
    <td><img src="foto2.jpg" alt="foto2"/></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html> 
Espero esto que te dije te sirva para contestar algunas preguntas. Te recomiendo que leas un poco de html y css.

Gracias. Lo de usar % lo pense porque en verdad las fotos son grandes, pero quiiero se muestre mas chico y luego que al clicar muestre la foto entera con su tamaño real.

La cuestion es como mostrar la foto en chico, sabiendo que la imagen tiene un tamaño mas grande.


Saludos, Damian.
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 12:43.