Foros del Web » Creando para Internet » HTML »

centrar tabla verticalmente

Estas en el tema de centrar tabla verticalmente en el foro de HTML en Foros del Web. Hola a todo el mundo una ayudita quiero centrar una tabla verticalmente, como lo hago? mil gracias...
  #1 (permalink)  
Antiguo 28/03/2003, 13:34
 
Fecha de Ingreso: febrero-2003
Mensajes: 12
Antigüedad: 21 años, 8 meses
Puntos: 0
centrar tabla verticalmente

Hola a todo el mundo

una ayudita

quiero centrar una tabla verticalmente, como lo hago?

mil gracias
  #2 (permalink)  
Antiguo 28/03/2003, 13:50
Avatar de fgil2  
Fecha de Ingreso: enero-2003
Ubicación: zaragoza
Mensajes: 285
Antigüedad: 21 años, 10 meses
Puntos: 0
Hola eugenia:

<html>
<head>
<title></title>
</head>
<body>
<div align="center"><center>
<table border="2" cellpadding="2" width="23%">
<tr>
<td width="100%"><p align="center">EUGENIA</td>
</tr>
</table>
</center></div><div align="right">
<table border="2" cellpadding="2" width="33%">
<tr>
<td width="100%"><p align="center">EUGENIA</td>
</tr>
</table>
</div><div align="left">
<table border="2" cellpadding="2" width="28%">
<tr>
<td width="100%"><p align="center">EUGENIA</td>
</tr>
</table>
</div>
</body>
</html>
No se si te refieres a esto...
Si no pregunta....
Un saludo.
__________________
fer
  #3 (permalink)  
Antiguo 29/03/2003, 07:33
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 22 años
Puntos: 4
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!
  #4 (permalink)  
Antiguo 29/03/2003, 07:51
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 2 meses
Puntos: 381
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
  #5 (permalink)  
Antiguo 29/03/2003, 08:05
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 22 años
Puntos: 4
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:
<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>
Lo he probado y creo que resulta. Ya me contaréis
__________________
¡¡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!
  #6 (permalink)  
Antiguo 29/03/2003, 08:09
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 2 meses
Puntos: 381
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
  #7 (permalink)  
Antiguo 29/03/2003, 08:15
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 22 años
Puntos: 4
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!
  #8 (permalink)  
Antiguo 30/03/2003, 08:07
Avatar de fgil2  
Fecha de Ingreso: enero-2003
Ubicación: zaragoza
Mensajes: 285
Antigüedad: 21 años, 10 meses
Puntos: 0
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
  #9 (permalink)  
Antiguo 31/03/2003, 02:24
 
Fecha de Ingreso: febrero-2003
Mensajes: 12
Antigüedad: 21 años, 8 meses
Puntos: 0
Hola a todos, mil gracias, ya lo he probado y he solucionado mi problema, he puesto toda mi tabla dentro de otra centrada verticalmente y queda bien

mil gracias otra vez
  #10 (permalink)  
Antiguo 31/03/2003, 12:13
Avatar de Masamper_2003  
Fecha de Ingreso: marzo-2003
Mensajes: 49
Antigüedad: 21 años, 8 meses
Puntos: 0
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
  #11 (permalink)  
Antiguo 14/06/2004, 19:02
Avatar de xavivars  
Fecha de Ingreso: enero-2002
Ubicación: Benissa - la Marina Alta
Mensajes: 212
Antigüedad: 22 años, 10 meses
Puntos: 1
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
  #12 (permalink)  
Antiguo 14/06/2004, 19:15
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 22 años
Puntos: 4
....

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!
  #13 (permalink)  
Antiguo 14/06/2004, 20:49
Avatar de Manoloweb  
Fecha de Ingreso: enero-2002
Ubicación: Monterrey
Mensajes: 2.454
Antigüedad: 22 años, 9 meses
Puntos: 5
<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
  #14 (permalink)  
Antiguo 14/06/2004, 20:51
Avatar de Manoloweb  
Fecha de Ingreso: enero-2002
Ubicación: Monterrey
Mensajes: 2.454
Antigüedad: 22 años, 9 meses
Puntos: 5
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
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 05:56.