Comment aligner verticalement le contenu des tables en haut de la base de connaissances

Par défaut, le contenu des cellules de table sur le site de la Base de connaissances est centré verticalement. Si vous préférez que le contenu s’aligne en haut de chaque cellule, ce qui est généralement plus facile à lire dans des tableaux avec du contenu multi-lignes, vous pouvez le remplacer en utilisant Custom CSS. Ce changement s’applique globalement à toutes les tables du site.

Quand utiliser un alignement vertical personnalisé

Contenu de cellules multi-lignes : lorsque les cellules contiennent des listes à puces, des paragraphes ou plusieurs lignes de texte, l’alignement supérieur facilite la lecture des lignes car tout le contenu commence à la même base visuelle.
Lignes de longueur mixte : dans les tables où certaines cellules sont courtes et d’autres hautes, l’alignement supérieur empêche le contenu court de sembler flotter au centre d’une grande cellule.
Correspondance à une norme de conception : l’alignement des hauts est la convention la plus courante pour les tables de données dans la documentation et les interfaces produit.

NOTE

Ce changement CSS s’applique à toutes les tables sur le site de votre Knowledge Base. Il n’est pas possible de cibler des tables individuelles avec cette méthode.

Petite référence

Pour changer l’alignement vertical, remplacez-le top par middle ou bottom selon les besoins.

table td, table th, table tr {
    vertical-align: top !important;
}

Valeur	Effet
`top`	Aligne le contenu au sommet de chaque cellule
`middle`	Centre le contenu verticalement (par défaut)
`bottom`	Aligne le contenu au bas de chaque cellule

Comment changer l’alignement vertical de la table

Dans le portail de la Base de connaissances, rendez-vous sur Paramètres > site de la Base de connaissances > CSS & JavaScript personnalisés.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

Sélectionnez l’onglet CSS et collez l’extrait suivant :

table td, table th, table tr {
    vertical-align: top !important;
}

Remplacez top par la valeur d’alignement souhaitée si nécessaire, voir le tableau de référence ci-dessus.
Cliquez sur Enregistrer.

Custom CSS editor showing the vertical-align top snippet pasted in the CSS tab with the Save button visible.

Conséquences

Avant

Knowledge Base site table showing the default vertical centre alignment with content floating in the middle of tall cells.

Après

Knowledge Base site table showing top vertical alignment applied, with all cell content starting at the top of each row.

Documentation Index