Hola a todo el mundo
una ayudita
quiero centrar una tabla verticalmente, como lo hago?
mil gracias
| ||||
Hola fgil2, la información que le has dado a eugenia es para la alineación horizontal de las tablas y no vertical, como creo que pedía, es decir que la tabla tenga un espacio igual tanto por arriba como por abajo. No sé si se podrá hacer con HTML puro, yo más bien me iría a Javascript. Creo que es una buena opción meter la tabla en un DIV con posición absoluta y mediante script comprobar el alto de la tabla y posicionarla capa según el alto del documento total. Espero que sirva de orientación, suerte eugenia.
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
| ||||
Hola, en realidad lo que propone fgil es correcto, si te fijas es una tabla metida dentro de otra tabla. Las celdas por defecto tienen una alineación vertical de middle, con lo que tabla contenida en esa celda tiene una alineación vertical centrada Un saludo a los tres |
| ||||
Perdonadme si me eqivoco, pero yo sólo veo tres tablas independientes una de la otra. De hecho he copiado el código y me resulta una página con las tres tablas en la parte de arriba del documento: una centrada horizontalmente, otra a la derecha y la última a la izquierda. Sin embargo ahora caigo en cómo se podría hacer (gracias por la pista tunait).
Código:
Lo he probado y creo que resulta. Ya me contaréis <table width="100%" height="100%" border="0"> <tr><td valign="middle" align="center"> <table> <tr><td> Este es el contenido de la tabla de la tabla ajustada tanto horizontal como verticalmente </td></tr> </table> </td></tr> </table>
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
| ||||
oño tienes razón, son independientes, me dió la impresión de que estaban anidadas. Pues sí, esa es la idea, meter lo que se quiera que tenga una alineación vertical centrada dentro de una celda saludos |
| ||||
Realmente hoy estoy muy contento , he repondido algo correctamente, aunque la respuesta es bastante sencillita , con el beneplácito de tunait. Todo un honor
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
| ||||
Vaya, creo que este fue el último post que contesté antes de desconectar durante el fin de semana,.. y por lo que veo(ahora) contesté a algo que ni siquiera se había preguntado. Mis disculpas Eugenia Por otro lado; gracias (bravenet y tunait ) por estar ahi cuando los demás cometemos alguna equivocación. Un saludo para los tres P.D._(Pues no será por que no he utilizado veces lo arriba descrito....)
__________________ fer |
| ||||
Creo que llegue tarde ... pero describire en sintesis el resumen de esta pregunta: <table width="100%" height="100%" border="0"> <tr><td valign="middle" align="center"> <table> <tr><td> Este es el contenido de la tabla de la tabla ajustada tanto horizontal como verticalmente </td></tr> </table> </td></tr> </table> Comprobada y en estado de funcionalidad.
__________________ GRACIAS. MIGUEL |
| ||||
Esto último funciona, pero no se adapta a los estandares del W3C en lo que a XHTML se refiere. Alguien conoce alguna manera de centrar una tabla verticalmente en XHMTL + CSS2??? Gracias
__________________ Hi ha gent a qui no agrada que es parle, s'escriga o es pense en català. És la mateixa gent a qui no els agrada que es parle, s'escriga o es pense. |
| ||||
.... Bien, no cumple el estandar ¿por qué? De todas formas, ¿eso influiría en algo?¿habría algún problema para visualizarlo en todos los navegadores? Si no hay ningún problema creo que no es necesario marear más la perdiz ¿no? En fin, era por no preocupar más a eugenia. P.D.: hola tunait . Hace tiempo que no me pasaba por aquí ¿eh?
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
| ||||
<table style="width:100%;height:100%"> <tr> <td style="vertical-align:middle"> <table> <tr> <td>Hola</td> </tr> </table> </td> </tr> </table> 100% XHTML Válido. De hecho los estilos podrías llevarlos a pasear a un archivo externo y llamarlos con id's o classes ;)
__________________ Manoloweb |
| ||||
Desventaja de la original: No es XHTML válido Desventaja de la versión XHTML: No es compatible con navegadores antiguos. Aqui es donde viene la cuestión... Continuamos haciendo las cosas como están, o provocamos el cambio?
__________________ Manoloweb |