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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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