problema con imagenes que se me mueven

toplucho · #1 (**permalink**) 30/06/2008, 03:36

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>

nedrek · #2 (**permalink**) 30/06/2008, 04:41

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!

toplucho · #3 (**permalink**) 30/06/2008, 05:11

Cita:

Iniciado por nedrek

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 % ??

dacho · #4 (**permalink**) 30/06/2008, 08:32

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.

toplucho · #5 (**permalink**) 30/06/2008, 09:28

Cita:

Iniciado por dacho

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.