Foros Club Delphi - La página que no se centraba...

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)

- HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)

- - La página que no se centraba... (https://www.clubdelphi.com/foros/showthread.php?t=50238)

ixMike

12-11-2007 20:58:37

La página que no se centraba...

Buenas otra vez.

Tengo una tabla, la cual debe estar centrada. Dentro de ella, una columna con dos filas, arriba una imagen y abajo un texto. El texto debe ir alineado a parecer (por lo general a la izquierda, pero según qué párrafos también pueden ir centrados o la derecha).

Lo que sucede es que no logro combinar todas las premisas: si centro la tabla con div el texto se queda centrado, si intento centrar la tabla con align no se centra. ¿Qué falla?

Gracias.

Edito para exponer los ejemplos que he planteado antes:

DIV que centra en texto:

Código PHP:


		
			
<body>

<div align="center">

<table>
   <td>

   <tr><img src="imagen.jpg"></tr>

<tr>
<p align="left"> Bueno, aqu&#237; todo el texto </p>
</tr>
  
  </td>
</table>

</div>

</body>

Y la tabla que no se centra...

Código PHP:


		
			
<body>

<table align="center">
   <td>

   <tr><img src="imagen.jpg"></tr>

<tr>
<p align="left"> Bueno, aqu&#237; todo el texto </p>
</tr>
  
  </td>
</table>

</body>

¿Qué pasa aquí?

Mick	13-11-2007 12:19:22

Como centrar una tabla o div en cualquier navegador moderno (para Internet explorer 5.5 o inferior habria que añadir alguna cosilla mas para que funcionase):

Código:

<table style="margin: 0px auto" >

....

</table>

o lo siguiente que viene a ser lo mismo:

Código:

<table style="margin-left: auto; margin-right:auto" >

....

</table>

aunque lo correcto es meter los estilos en un archivo css independiente o en la cabecera del html si la pagina es muuuy sencilllita, por ejemplo:

Código:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">



<head>

  <title>titulo</title>

  <style>

   .mytabla {

     margin-left: auto;

     margin-right:auto;

     background-color: gray;

     border: 1px solid green;

   }

  </style>

</head>



<body>

  <table class="mytabla" >

  <tr> <td>a</td> <td>b</td> </tr>

  <tr> <td>c</td> <td>d</td> </tr>

  </table>

</body>



</html>

Saludos

ixMike

13-11-2007 18:26:34

Muchísimas gracias, Mick.

Cita:

Empezado por Mick (Mensaje 245731)

aunque lo correcto es meter los estilos en un archivo css...

... si es que aún no los he dado (soy un completo novato :o).

Saludos.

ixMike

13-11-2007 19:49:40

He probado las dos primeres soluciones, pero no me funcionan en Firefox (en IE sí).

Tendré que aprender a usar los archivos CSS.

Salu2.

ixMike

13-11-2007 20:50:40

Bueno, mientras me iniciaba con CSS (vaya, no es obligatorio usar archivos a parte, jeje) me he dado cuenta que el problema estaba en que la tabla no la tenía bien declarada: me pensaba que se ponían primero las columnas y después las filas :o. Pobré a poner los bordes (tenía border="0") y me di cuenta que en Firefox aparecía una tabla mínima y centrada en la parte inferior de la página (debajo de todo lo que tenía metido).

El problema ya está solucionado.

Gracias de nuevo.

La franja horaria es GMT +2. Ahora son las 22:48:58.