Centrer le texte dans un tableau

vendredi 3 février 2017, par Virginie Favrat (dernière modification : 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

Parcours d’auto-positionnement Pix+édu

Le parcours d’auto-positionnement offre la possibilité, sur la base du volontariat et en moins de deux heures, de tester ses compétences numériques pour l’éducation, et d’accéder à des des tutoriels et ressources de formation en ligne.

Des réalités augmentées et virtuelles

À travers des exemples tirés du quotidien et de pratiques de classes, nous vous proposons de découvrir ce que sont ces deux réalités, augmentées et virtuelles, grâce à cette tentative de vulgarisation de ces domaines.

Numérique et neurosciences

Comment fonctionne notre mémoire dans un monde numérique Amandine Rey , Maître de conférences (...)