Foros del web, para los que viven de bits

toplucho · 30-jun-2008, 04: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 · 30-jun-2008, 05: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 · 30-jun-2008, 06: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 · 30-jun-2008, 09: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 · 30-jun-2008, 10: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.

30-jun-2008, 04:36	#1 (permalink)
toplucho Fecha de Ingreso: julio-2005 Mensajes: 236	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í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> </td> <td> </td> </tr> </table> </body> </html>`

30-jun-2008, 05:41	#2 (permalink)
nedrek Fecha de Ingreso: abril-2008 Ubicación: Valencia, España Mensajes: 151	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! __________________ Creación Web en VALENCIA

30-jun-2008, 06:11	#3 (permalink)
toplucho Fecha de Ingreso: julio-2005 Mensajes: 236	Respuesta: problema con imagenes que se me mueven 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 % ??

30-jun-2008, 09:32	#4 (permalink)
dacho Fecha de Ingreso: junio-2008 Ubicación: Argentina Mensajes: 142	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>* </td> <td> *</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.

30-jun-2008, 10:28	#5 (permalink)
toplucho Fecha de Ingreso: julio-2005 Mensajes: 236	Respuesta: problema con imagenes que se me mueven 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>* </td> <td> *</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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado