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
