Re: [Ovillo] centrar tabla y sintaxis

Wed, 08 Dec 2004 12:05:44 -0800 


agecanonix wrote:

1. �Como puedo centrar una tabla con css? sin align="center" ni otros tags tipicos, solo con css.

2. Esta es una duda de sintaxis, el caso es que no se exactamente para que y en que casos utilizar un tipo de selector u otro. Por ejemplo, �cuando �s mejor usar la sintaxi "#contenido", la "#contenido td" o ".contenido"? o otro ejemplo: cuando quiero hacer una tabla con un tamanyo de bordes, un color de fondo, etc. no se si ponerlo "#estilo", o "#estilo table", o ".estilo table", o "table.estilo". �Hay tantas forma de que me lio?

Saludos a todos. 


Primero te responder� a la segunda pregunta

Se usa "#contenido", cuando el elemento al que vas a aplicarle los estilos es �nico en una p�gina. En HTML usar�as '<table id="contenido">'

Se usa ".contenido", cuando tienes muchos elementos iguales que usar�n el mismo estilo en una p�gina. En HTML '<table class="contenido"'>'
'<table class="contenido"'>'

Se usa "table.contenido", para que el selector ".contenido", solo se aplica con tablas, y si pondr�as "p.contenido", ".contenido" solo se aplicar�a a p�rrafos, etc.

Lo mismo ser�a si usar�as "table#contenido"

Se usa "#contenido td", es para que los estilos definidos en ese bloque se apliquen �nicamente a todos las etiquetas td que est�n dentro de la tabla que tenda el identificador "#contenido"

Ejemplo:

#contenido {
   width: 500px;
   margin: auto;
}

   #contenido td {
      font-weight: bold;
      text-align: right;
   }

<table id="contenido">
   <tr>
      <td>10</td>
   </tr>
</table>

Quiere decir el contenido de todas las etiquetas td de la tabla identificada con "contenido", estar�n en negrita y alineadas a la derecha.

1. �Como puedo centrar una tabla con css? sin align="center" ni otros tags tipicos, solo con css.

Si vas a usar #contenido por ejemplo, tendr�as que hacer lo siguiente

#contenido {
   width: 500px; /* Ancho de la tabla*/
   margin: auto; /* Esto es lo que centra a la tabla*/
}

y ponerle el atributo a tu tabla
<table id="contenido">

y listo, tu tabla estar� centrada.

Un buen art�culo sobre tablas lo puedes encontrar aqu�:
http://www.minid.net/archivos/categorias/accesibilidad/mamita_que_pedazo_de_tablas.php

Saludos.

_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a