Foros del Web - problema con imagenes que se me mueven

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - problema con imagenes que se me mueven (http://www.forosdelweb.com/f4/problema-con-imagenes-que-mueven-601252/)

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>

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!

Respuesta: problema con imagenes que se me mueven

Cita:

Iniciado por nedrek (Mensaje 2469824)

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

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.

Respuesta: problema con imagenes que se me mueven

Cita:

Iniciado por dacho (Mensaje 2470002)

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.