Foros del Web » Creando para Internet » CSS »

top y left dentro de una tabla

Estas en el tema de top y left dentro de una tabla en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/06/2010, 13:10
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
top y left dentro de una tabla

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...
  #2 (permalink)  
Antiguo 01/06/2010, 14:21
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: top y left dentro de una tabla

ponele a la table B posicion relativa y listo el pollo
  #3 (permalink)  
Antiguo 01/06/2010, 20:13
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

Disculpen mi ignorancia, pero ahora mi codigo es el siguiente


Código HTML:
Ver original
  1.     <tr>
  2.       <td width="540" height="222"><table id="b" style="position:relative; top:0; left:0">
  3.         <td width="253" >&nbsp;</td>
  4.         </table></td>
  5.       </table>

Pero me sigue sin funcionar... no entiendo a q se debe...
  #4 (permalink)  
Antiguo 02/06/2010, 03:54
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: top y left dentro de una tabla

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!
  #5 (permalink)  
Antiguo 02/06/2010, 03:56
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: top y left dentro de una tabla

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

Código HTML:
<td valign="top"> 
  #6 (permalink)  
Antiguo 02/06/2010, 08:51
 
Fecha de Ingreso: mayo-2010
Mensajes: 15
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: top y left dentro de una tabla

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> 
  #7 (permalink)  
Antiguo 02/06/2010, 09:51
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: top y left dentro de una tabla

rvn87
Cita:
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/
  #8 (permalink)  
Antiguo 02/06/2010, 10:06
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

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:
Ver original
  1. <table id="tablaPrincipal">
  2.           <tr >
  3.             <td width="296" id="columaA"><table id="tablaA"></table></td>
  4.             <td width="296" id="columaB"><table id="tablaB"></table></td>
  5.         </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

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...
  #9 (permalink)  
Antiguo 02/06/2010, 10:17
 
Fecha de Ingreso: mayo-2010
Mensajes: 15
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: top y left dentro de una tabla

Cita:
Iniciado por alexk Ver Mensaje
emmmmm.....
Si tienes algo que aportar dilo.
  #10 (permalink)  
Antiguo 02/06/2010, 10:18
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: top y left dentro de una tabla

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...
  #11 (permalink)  
Antiguo 02/06/2010, 10:34
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

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:
Ver original
  1.   <tr>
  2.      <td><table id="columnaA"><td>Columna A</td></table></td>
  3.      <td><table id="columnaB"><td>Columna B</td></table></td>
  4.   </tr>

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...
  #12 (permalink)  
Antiguo 02/06/2010, 10:40
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: top y left dentro de una tabla

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.
  #13 (permalink)  
Antiguo 02/06/2010, 11:13
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

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
  #14 (permalink)  
Antiguo 02/06/2010, 14:57
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: top y left dentro de una tabla

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.
  #15 (permalink)  
Antiguo 02/06/2010, 19:29
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

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

Me estoy volviendo loco
  #16 (permalink)  
Antiguo 03/06/2010, 10:47
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

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

Última edición por luks77; 05/06/2010 a las 14:16
  #17 (permalink)  
Antiguo 05/06/2010, 14:16
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

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
  #18 (permalink)  
Antiguo 05/06/2010, 14:50
Avatar de zutzu  
Fecha de Ingreso: mayo-2010
Ubicación: Lima
Mensajes: 43
Antigüedad: 7 años, 6 meses
Puntos: 2
Respuesta: top y left dentro de una tabla

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.
  #19 (permalink)  
Antiguo 05/06/2010, 17:28
 
Fecha de Ingreso: diciembre-2007
Mensajes: 274
Antigüedad: 10 años
Puntos: 0
Respuesta: top y left dentro de una tabla

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

Miren aca...

  #20 (permalink)  
Antiguo 06/06/2010, 04:24
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: top y left dentro de una tabla

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.

  #21 (permalink)  
Antiguo 06/06/2010, 06:28
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: top y left dentro de una tabla



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
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: left, top, tablas
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 23:37.