Tableau et CSS

Bonjour,

Voici mon problème. Je veux que chaque cellule d'un tableau fasse une taille définie de 180x180px (car le background est une image).

Voici le HTML (code SPIP)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<table class="rubrique"> <tr> <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {tout}> <td class="mgs_rubrique_item"> <a href="#URL_RUBRIQUE"> #LOGO_RUBRIQUE</a><br/> #TITRE </a> </td> </BOUCLE_sous_rubriques> </tr> </table>

---

puis le CSS

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

.mgs_rubrique { text-align: center; border: 0px; border-collapse: collapse; height: 180px; }   .mgs_rubrique_item { vertical-align: middle; text-align: center; font-weight: bold; background: url(images/rubrique.png) no-repeat; width: 180px; height: 180px; margin: 0px; }

---

Le problème c'est que le tableau n'est pas centré horizontalement sur la page !
Certes, je peut le centrer avec en plus de la classe css, rajouter l'attribut align="center", mais j'aurais aimé le faire dans le css

Ensuite, malgrès la présence de height et width, il arrive que la taille des cellules ne soit pas la bonne (> 180 px) !!!!! Comment se fait ce ?

Merci pour votre aide

Pour centrer ton tableau, il suffit de lui attribuer un margin:0 auto,
La taille des cellules ne fera pas exactement 180X180 puisque les cellules ont des padding par defaut à 1px. Leur taille dépendra de l'espace nécessaire à l'affichage de leur contenu, mais sans la totalité du code, difficile de t'aider.

Pour centré le tableau dans ta page, dans le body, mais y un width , donc la largeur de ta page, ensuite margin-left:auto; et même chose pour la droite.

Citation:

---

Pour centré le tableau dans ta page, dans le body, mais y un width

---

Pour le centrage de tableaux, pas besoin de width. le margin en auto suffit.