27-may-2007, 16:13
|
#1 (permalink) |
 Fecha de Ingreso: mayo-2007
Mensajes: 15
|
Etiqueta a la derecha de una tabla
Sería para poder crear otra columna al lateral del cuerpo. Es posible? Si no, también me valdría otra tabla, pero que la primera siempre esté centrada. <body> <table width="800" align="center" cellpadding="0" cellspacing="0"> <tr><th scope="col"> ............. </table> </body> Gracias |
|
|
|
07-jun-2007, 05:52
|
#3 (permalink) |
Fecha de Ingreso: febrero-2005
Mensajes: 897
|
Re: Etiqueta a la derecha de una tabla
Hola, no se entiende muy bien lo de que la tabla quede centrada, ¿quieres decir ponerle un div a un lado a una tabla previamente centrada, o que la tabla y el div formen una unidad centrada?
se me ocurre meter la tabla y el div lateral dentro de otro div que haga de contenedor, habra que dar algunas instruciones CSS. |
|
|
|
|
10-jun-2007, 02:56
|
#4 (permalink) |
|
Fecha de Ingreso: mayo-2007
Mensajes: 15
|
Re: Etiqueta a la derecha de una tabla
Me refiero a la opción de; "ponerle un div a un lado a una tabla previamente centrada"
Si la página se hace más pequeña, lo importante es que se vea la tabla contenedora principal (del cuerpo de la web que está centrada), y si el div lateral q creamos no se ve, no me importa. Disculpa si no me expliqué mejor... Gracias |
|
|
|
|
10-jun-2007, 08:45
|
#6 (permalink) |
|
Fecha de Ingreso: mayo-2007
Mensajes: 15
|
Re: Etiqueta a la derecha de una tabla
Disculpa, pero no me funciona. Hay algo q no comprendo, y es como conseguir q se vaya a la derecha de la otra tabla. Siempre se queda debajo. Te pongo el código para ver si encuentras el fallo.
Al div le dí: .div01 { position: relative; right: 0px; height: auto; width: 50px; top: 0px; } </table> <div class="div01"> <p>Texto...</p> <p> </p> </div> Gracias |
|
|
|
|
10-jun-2007, 17:34
|
#8 (permalink) |
|
Fecha de Ingreso: mayo-2007
Mensajes: 15
|
Re: Etiqueta a la derecha de una tabla
Bueno, con { position:absolute; right: 0px; top: 0px;} he conseguido que se ajuste a la derecha total de la pantalla, y me serviría si no se superponiese al cuerpo, aunq mejor q nada... No se si se puede evitar q se superpongan, o conseguir q se ajuste a la derecha de la tabla (pegado a la tabla).
Al final lo intenté también cambiando las tablas a Div, y aunq parece q va bien, hay una cosa q no consigo ni encuentro en ningún sitio. Centrar el Div del cuerpo de la página horizontalmente.  Al igual q en las tablas teníamos: <table width="800" align="center"...> No debería haber una cosa igual para los divs? Solo consigo poner esto en el DIV pero aparece siempre a la izquierda { position:absolute; width: 800px; vertical-align:middle;} Gracias por la respuesta.. |
|
|
|
|
10-jun-2007, 18:25
|
#9 (permalink) |
 
Fecha de Ingreso: abril-2007
Ubicación: Lima, Perú
Mensajes: 236
  |
Re: Etiqueta a la derecha de una tabla
Para centrar un div horizontalmente, puedes utilizar esto:
div { width:600px; (o lo que prefieras, si gustas, en %) margin: 0 auto; } Reemplaza div por un identificador, o clase si lo deseas. ¡Suerte! |
|
|
|
|
11-jun-2007, 02:05
|
#10 (permalink) |
|
Fecha de Ingreso: mayo-2007
Mensajes: 15
|
Re: Etiqueta a la derecha de una tabla
Gracias Yaraher, ya he conseguido que funcione y se porqué. Apuntad los que teníais la misma duda:
El div como muy bien has dicho: div { width:600px; margin: 0 auto;} Pero lo más importante, tenemos que poner en el body: body {text-align:center;} Así deberá estar centrado. Pasando al otro punto. Con { position:absolute; right: 0px; top: 0px;} he conseguido que se ajuste a la derecha total de la pantalla, pero se superponen al restaurar la pantalla. Se puede evitar q se superpongan? O lo que era la duda inicial: Se puede conseguir q se ajuste el div a la derecha del cuerpo de la web (que ahora es un div) y que esté pegado a este? Nos vamos acercando... |
|
|
|
Mode Lineal
