top y left dentro de una tabla

[luks77]

tengo un gran problema... Este sucede que tengo una tabla principal(denominemola tabla A) y dentro de ella otra tabla(denominemola tabla B).

El diseño seria algo asi

Código HTML:

 <table width="341" height="196" id="A">
      <td><table id="B">
        <td width="98">&nbsp;</td>
      </table></td>
</table> 

Ahora lo que necesito es saber de que forma puedo hacer que al igual los atributos:
Top=0
left=0

En vez de colocarmelo en el punto (0;0) del body, me los coloque en el punto (0;0) de la tabla....

nose si se entiende... muchas gracias...

[DragonX]

ponele a la table B posicion relativa y listo el pollo

[luks77]

Disculpen mi ignorancia, pero ahora mi codigo es el siguiente

Código HTML:

<table>
    <tr>
      <td width="540" height="222"><table id="b" style="position:relative; top:0; left:0">
        <td width="253" >&nbsp;</td>
        </table></td>
      </table>
 

Pero me sigue sin funcionar... no entiendo a q se debe...

[Shawty]

Buenas luks77

simplemente colócale vertical-align top a tu td que contiene la tabla de dentro:

Código HTML:

<td style="vertical-align:top;"> 

saludos!

[Shawty]

incluso si lo prefieres ponlo como propiedad del td así:

Código HTML:

<td valign="top"> 

[rvn87]

1) Bastante esencial, colocar las celdas <td> dentro de filas <tr>.

2) La gran ventaja de las tablas es poder alinear el contenido de las celdas sin tener que matarse a inventar estilos:

Código HTML:

<table>
<tr>
<td align="left" valign="top">Esto quedará arriba a la izquierda</td>
</tr>
</table> 

[alexk]

rvn87

2) La gran ventaja de las tablas es poder alinear el contenido de las celdas sin tener que matarse a inventar estilos:

emmmmm.....

luks77
no entiendo por que metes una tabla dentro de otra.... seguramente necesitas una estructura, y las tablas no son tu mejor opcion.

http://www.forosdelweb.com/f53/aport...ml-css-648073/
http://www.forosdelweb.com/f53/aport...rte-ii-657814/

[luks77]

Si, igual yo lo puse como ejemplo. En verdad lo que necesito es ubicarlo al medio PERO el problema consiste en que la tabla tiene dos columnas, y cada columana tiene adentro otra tabla.

Código HTML:

<table id="tablaPrincipal">
          <tr >
            <td width="296" id="columaA"><table id="tablaA"></table></td>
            <td width="296" id="columaB"><table id="tablaB"></table></td>
        </table>
 

Bueno, ahora el problema viene en que las tablas A y B tienen diferentes medidas, es decir una es mas grande q la otra, entonces cuando yo las alineo al medio, me queda una mas arriba que la otra, ahi le muestro una imagen

http://img153.imageshack.us/img153/1050/tab2b.jpg

Lo que necesito es que queden juntas ambas tablas... Pero como esa tablas son el resultado de un php, no puedo usar <BR> o cosas asi para que queden justas...

[rvn87]

Iniciado por alexk

emmmmm.....

Si tienes algo que aportar dilo.

[Shawty]

No termino de entender tu diseño...

Lo que si te puedo decir es que la estructura de una tabla es siempre:

Código HTML:

<table>
  <tr>
     <td></td>
     <td></td>
     <td></td>
  </tr>
</table> 

y en tu ejemplo faltan "tr" por cerrar y las tablas de dentro del td no tienen ni tr ni td...

[luks77]

jaja, no cerre el </tr>, xq lo copie del dreanweaver y no te los cierra... Despues no le pusa td adentro de las tablas para acortar codigo. Aca se los dejo mas prolijo

Código HTML:

<table>
  <tr>
     <td><table id="columnaA"><td>Columna A</td></table></td>
     <td><table id="columnaB"><td>Columna B</td></table></td>
  </tr>
</table>
 

Y el problema de alineacion q tengo es el siguiente:



La tabla de la izquierda esta mas arriba q la de la derecha y necesito que se igualen...

[Shawty]

Yo veo las dos tablas a la misma altura, lo que cambia es que una tiene una imagen más grande que la otra y por tanto las imágenes no quedan alineadas, te refieres a esto?

Aun y asi no entiendo xq pones una tabla dentro del td en éste ejemplo que muestras no haría falta.

si quieres que ambas tablas (o td) te salga su contenido en la misma posición, ponles las mismas propiedades (widths, heights, paddings...) todo igual.

[luks77]

Lo que necesito es que la parte donde dice |2|3|4|5| y el contorno gris esten alineado en la altura con la otra tabla, o sea que no paresca q una esta mar arriba q la otra....

O sea que quede asi...




Como puedo lograr eso?? Gracias

[Shawty]

Yo editaria las imagnes con photsohop (x ejemplo) de manera que te coincidan al ponerlas una al lado de la otra, así seguro que poniendola una en cada celda te coincidiran.

[luks77]

No son imagenes, son tablas.... ese es el problema....

Me estoy volviendo loco

[luks77]

Alguien tiene alguna idea, necesito alguna otra idea de como solucionarlo, PORFAVOR!! Es urgente....

[luks77]

Disculpen por volver a traer el texto topic adelante, necesito AYUDA POR FAVOR!!! O sino alguna idea o algo es urgente...

Igual, se entiende lo que necesito??

MUCHISIMAS GRACIAS

[zutzu]

como te dicen, no puedes editar ambas imágenes y colocarle una misma altura, de tal modo que coincidan su posición en las celdas?

http://img228.imageshack.us/img228/2149/columnaa.png
http://img193.imageshack.us/img193/5566/columnab.png

si colocas una en cada celda, veras que coinciden.

[luks77]

mi problema pasa en que NO son imagenes, son tablas...

Miren aca...

[jomaruro]

Hola:

Si no interpreto mal tu duda, el problema está en que las celdas de la tabla de exterior no son del mismo tamaño porque se adaptan al contenido de la mayor de ahí que te salga descuadrado.

La mejor solución ya te la dió alexk en esta respuesta.

Saludos.

[C2am]

El diseño de las tablas tendrían que ser de este estilo:
Es decir las celda 1 y 4 deberían tener siempre la misma altura. y ubicas los números en las celdas del medio, tambien con altura fija.

Saludos