|
Etiqueta a la derecha de una tabla Me gustaría saber si se puede crear un div que vaya pegado a una tabla (800 px de ancho y centrada) q es el cuerpo de la página, de modo que se vea siempre a la derecha o a la izquierda de dicho cuerpo. 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 |
Re: Etiqueta a la derecha de una tabla Ciao He intentado ponerlo al final de la tabla, pero por más q lo intento, me descuadra toda la tabla y la descentra. Algún empujón...?:borracho: |
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. |
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 |
Re: Etiqueta a la derecha de una tabla dale position relative al div, y right 0 |
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 |
Re: Etiqueta a la derecha de una tabla ¿probaste position absolute? |
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.:neurotico 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.. |
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! |
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... |
| La zona horaria es GMT -6. Ahora son las 10:03. |
Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.