Como centrar una tabla horizotal y vertcalmente en pantalla con HTML

Citar

Escrito el 05 Abr 2011 02:41 pm

Hola quisiera saber si alguien me pueda ayudar a centrar una tabla en la pantalla con Dreamweaver. Sé como hacerlo respecto al eje X pero no al eje Y. Además quería saber si hay alguna forma de aplicarle sombra a la tabla desde Dreamweaver de manera que se despegue del fondo. Espero alguien me pueda ayudar.
Gracias!

Por AGUIDG

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 05 Abr 2011 05:47 pm

http://www.cristalab.com/tutoriales/centrar-un-elemento-horizontal-y-verticalmente-con-css-c46147l/

Esto te sirve?

Por marticps

Claber

103 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Aprendiz de Todo

Citar

Escrito el 05 Abr 2011 06:42 pm

Hola, la verdad que no sé coómo hacerlo, me fije en el link que me pasaste pero no logre hacerlo. Yo tengo una tabla de 900 px de ancho y logro centrarla respecto del eje horizontal pero no del horizontal, es decir que la tabla se visualiza pegada sobre el margen superior. Espero me puedan ayudar porque soy bastante nueva en este tema. Gracias!

Por AGUIDG

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 05 Abr 2011 06:47 pm

Aqui te dejo el codigo:

Código HTML :

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
.centrar {
   height: 400px;
   width: 900px;
   margin-top: -200px;
   margin-left: -450px;
   left: 50%;
   top: 50%;
   position: absolute;
}
</style>
</head>
<body>
<div class="centrar">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
</body>
</html>

La caja (div) tiene una height de 400px. Modificala como quieras, pero siempre pon la mitad de ese valor en donde pone margin-top y que sea un valor negativo.
Te recomiendo que te leas bien a fondo el tutorial de CL.

Por marticps

Claber

103 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Aprendiz de Todo

Citar

Escrito el 05 Abr 2011 08:15 pm

Buenisimo, me sirvio muchisimo! Gracias!

Por AGUIDG

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 05 Abr 2011 08:18 pm

Pero lo que tienes que hacer es leer el codigo y entenderlo, no solamente copiarlo.

No tiene gracia resolverte el problema, sino ayudarte a que lo resuelvas tu.

Espero que otra vez lo hagas sol@.

Por marticps

Claber

103 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Aprendiz de Todo

Como centrar una tabla horizotal y vertcalmente en pantalla con HTML

Escribe una respuesta rapida