Discussion :

[elekaj34]

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

[Erwan31]

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.

[mimagyc]

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.

[pop_up]

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.