Foros del Web » Creando para Internet » HTML »

Cuadrar tabla

Estas en el tema de Cuadrar tabla en el foro de HTML en Foros del Web. Alguien me puede decir pq las dos columnas de la izquierda son mas extrechas que la columna de la derecha? me debo pasar algo por ...
  #1 (permalink)  
Antiguo 19/04/2006, 19:27
Avatar de bichomen  
Fecha de Ingreso: junio-2003
Ubicación: Barcelona y alrededores, España
Mensajes: 874
Antigüedad: 14 años, 6 meses
Puntos: 2
Cuadrar tabla

Alguien me puede decir pq las dos columnas de la izquierda son mas extrechas que la columna de la derecha? me debo pasar algo por alto, pero no se que es:

Código:
<table width="100%" style="height: 575px;">

<tr style="height: 175px;"><td style="text-align: center; vertical-align: middle;">

<b style="font-size: 31px;">texto<b />

</td></tr>
<tr style="height: 400px;"><td style="text-align: center; vertical-align: top;">

<table style="text-align: center; margin-left: auto; margin-right: auto; ">
<tr>

<td>
<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a> <<------- este

</td>

</tr><tr>

<td>

<a href=".enlacephp">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a> <<------- este

</td>

</tr><tr>

<td colspan="3">

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td>

</tr>
</table>

</td></tr>
</table>
bichomen
__________________
"Se sabe con exactitud, con cuanta imprecisión, se sabe algo"
Linux Registered User #320332
  #2 (permalink)  
Antiguo 20/04/2006, 00:57
 
Fecha de Ingreso: octubre-2004
Mensajes: 128
Antigüedad: 13 años, 1 mes
Puntos: 2
las dos columnas toman el tamaño de lo que contienen,

ni a la tabla anidada ni a sus columnas en ningun momento les asignas un ancho fijo, solo lo haces para la tabla principal width=100%

Código:
<table width="100%" style="height: 575px;">

<tr style="height: 175px;">
<td style="text-align: center; vertical-align: middle;">
	<b style="font-size: 31px;">texto<b />
</td>
</tr>
<tr style="height: 400px;">
<td style="text-align: center; vertical-align: top;">

	<table  width="?????">
	<tr>

	<td>
		<a href="enlace.php">enlace
		<p><img src="foto.gif"><p /></a>
	</td>

	<td  width="?????">
		<a href="enlace.php">enlace
		<p><img src="foto.gif"><p /></a>
	</td>

	<td  width="?????">
		<a href="enlace.php">enlace
		<p><img src="foto.gif"><p /></a> <<------- este
	</td>
	</tr>


	<tr>
	<td>
		<a href=".enlacephp">enlace
		<p><img src="foto.gif"><p /></a>
	</td>
	<td>
		<a href="enlace.php">enlace
		<p><img src="foto.gif"><p /></a>
	</td>

	<td>
		<a href="enlace.php">enlace
		<p><img src="foto.gif"><p /></a> <<------- este

	</td>

	</tr><tr>

	<td colspan="3">
		<a href="enlace.php">enlace
		<p><img src="foto.gif"><p /></a>
	</td>

	</tr>
	</table>

</td>
</tr>
</table>
  #3 (permalink)  
Antiguo 20/04/2006, 03:58
Avatar de bichomen  
Fecha de Ingreso: junio-2003
Ubicación: Barcelona y alrededores, España
Mensajes: 874
Antigüedad: 14 años, 6 meses
Puntos: 2
le he asignado "width" a la tabla interior y a todos los <td> y sigue pasando lo mismo, la foto es la misma en todas las celdas.

bichomen
__________________
"Se sabe con exactitud, con cuanta imprecisión, se sabe algo"
Linux Registered User #320332
  #4 (permalink)  
Antiguo 20/04/2006, 04:06
 
Fecha de Ingreso: marzo-2004
Ubicación: Extremadura
Mensajes: 206
Antigüedad: 13 años, 8 meses
Puntos: 0
<table width="100%" style="height: 575px;">

<tr style="height: 175px;"><td style="text-align: center; vertical-align: middle;">

<b style="font-size: 31px;">texto<b />

</td></tr>
<tr style="height: 400px;"><td style="text-align: center; vertical-align: top;">

<table style="text-align: center; margin-left: auto; margin-right: auto; ">
<tr>

<td width="33%">
<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td width="33%">

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td width="33%">

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a> <<------- este

</td>

</tr><tr>

<td>

<a href=".enlacephp">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a> <<------- este

</td>

</tr><tr>

<td colspan="3">

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td>

</tr>
</table>

</td></tr>
</table>
  #5 (permalink)  
Antiguo 20/04/2006, 04:13
Avatar de bichomen  
Fecha de Ingreso: junio-2003
Ubicación: Barcelona y alrededores, España
Mensajes: 874
Antigüedad: 14 años, 6 meses
Puntos: 2
Ok, al final lo consegui así:

Código:
<table width="100%" style="height: 575px;">

<tr style="height: 175px;"><td style="text-align: center; vertical-align: middle;">

<b style="font-size: 31px;">texto<b />

</td></tr>
<tr style="height: 400px;"><td style="text-align: center; vertical-align: top;">

<table  width="25
%" style="text-align: center; margin-left: auto; margin-right: auto; ">
<tr>

<td width="33%">
<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td width="33%">

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td width="33%">

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a> <<------- este

</td>

</tr><tr>

<td>

<a href=".enlacephp">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td><td>

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a> <<------- este

</td>

</tr><tr>

<td colspan="3">

<a href="enlace.php">enlace
<p><img src="foto.gif"><p /></a>

</td>

</tr>
</table>

</td></tr>
</table>
bichomen
__________________
"Se sabe con exactitud, con cuanta imprecisión, se sabe algo"
Linux Registered User #320332
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 11:58.