Centrer le texte dans un tableau

Écrit par Virginie Favrat, mis à jour le jeudi 13 avril 2023

Par défaut, le texte de la ligne de titres des tableaux est centré, mais pas celui des autres cellules.

Modifier ce paramètre pour TOUS les tableaux de TOUS les articles
  1. Se connecter en SFTP sur le serveur.
  2. Éditer le fichier perso.css qui se trouve dans le dossier squelettes/styles ou à défaut le créer.
  3. Coller ces lignes dans votre fichier :
    table.spip td {
    text-align: center ;
    }
  4. Enregistrer (sur le serveur) le fichier modifié.
Modifier ce paramètre pour quelques tableaux
  1. Se connecter en SFTP sur le serveur.
  2. Éditer le fichier perso.css qui se trouve dans le dossier squelettes/styles ou à défaut le créer.
  3. Coller ces lignes dans votre fichier :
    .texte-centre td, .texte-centre th {
    	text-align: center ;
    }
  4. Enregistrer (sur le serveur) le fichier modifié.
  5. Dans l’article où se trouve le tableau dont on veut centrer le contenu, ajouter le code suivant juste AVANT le tableau : <div class="texte-centre">
  6. et ajouter le code suivant juste APRÈS le tableau.</div>
  7. Enregistrer l’article et voilà ;-)

Exemple :

Code
<div class="texte-centre">

|{{Colonne 1}}|{{Colonne 2}}|
|texte centré|là aussi|
|encore|et toujours|

</div>
Résultat
Colonne 1Colonne 2
texte centré
là aussi
encore
et toujours
Modifier ce paramètre pour une cellule

Dans la cellule, ajouter le code suivant :
<center> texte à centrer </center>

Exemple :

Code
|{{Colonne 1}}|{{Colonne 2}}|
|<center>texte centré</center>|pas là|
|ni là|là non plus|
Résultat
Colonne 1Colonne 2
texte centré
pas là
ni là là non plus

Dans la même rubrique