Ajouter une table au champ HTML

Cet exemple utilise des contrôles de champ HTML pour mettre en forme une table dans un article de la base de connaissances.

Pourquoi et quand exécuter cette tâche

Figure 1. Exemple de tableau html

Pour ajouter la table formatée à un article de la base de connaissances :

Procédure

1. Accédez à la Tous > Connaissances > Modifier et sélectionnez l’article à modifier.
2. Dans le champ HTML, positionnez le curseur à l’emplacement de la table.
3. Cliquez sur l’icône Table, cliquez sur Insérer une table, puis sélectionnez le nombre de lignes et de colonnes.

   

4. Pour modifier les propriétés de table, procédez comme suit.
   1. Placez votre curseur dans la table, cliquez sur l’icône de la table, puis sélectionnez Propriétés de la table.
   2. Entrez les valeurs suivantes dans l’onglet Général .
      • Largeur : 75%
      • Espacement des cellules : 3
      • Rembourrage des cellules : 3
      • Bordure : 1
      • Alignement : Gauche
   3. Dans l’onglet Avancé , cliquez sur le champ de texte en regard de Couleur de la bordure et entrez Gris.
      La zone du sélecteur de couleurs à droite devient grise pour indiquer la couleur que vous avez saisie. Vous pouvez également cliquer sur la case et sélectionner la couleur dans la palette.
   4. Cliquez sur OK.
5. Pour mettre à jour la ligne de la table d’en-tête, procédez comme suit.
   1. Sélectionnez les cellules de la première ligne du tableau, cliquez sur l’icône du tableau, puis sélectionnez Ligne > Propriétés de la ligne.
   2. Entrez les valeurs suivantes dans l’onglet Général .
      • Type de ligne : en-tête
      • Alignement : Centre
   3. Dans l’onglet Avancé, saisissez #87cefa dans la zone de texte à côté de Couleur d’arrière-plan pour la définir sur un bleu clair.
   4. Cliquez sur OK.
6. Pour définir les propriétés des cellules, procédez comme suit.
   1. Sélectionnez toutes les cellules du tableau dans la première colonne à l’exception des cellules de la ligne d’en-tête, cliquez sur l’icône Tableau, puis sélectionnez Cellule > Propriétés de la cellule.
   2. Entrez les valeurs suivantes dans l’onglet Général .
      • Alignement H : Gauche
      • Alignement en V : Haut
   3. Cliquez sur OK.
   4. Répétez ces étapes pour les cellules du tableau de la deuxième colonne.
7. Pour définir la couleur d’arrière-plan de la ligne du milieu, procédez comme suit.
   1. Placez votre curseur sur la ligne du milieu de la table, cliquez sur l’icône de table et sélectionnez Ligne > Propriétés de la ligne.
   2. Dans l’onglet Avancé, entrez Argent dans la zone de texte à côté de Couleur d’arrière-plan pour définir la couleur #c0c0c0.
   3. Cliquez sur OK.
   Répétez cette procédure toutes les deux lignes de la table.
8. Pour définir la largeur de colonne, procédez comme suit.
   1. Cliquez sur la première colonne du tableau, cliquez sur l’icône du tableau, puis sélectionnez Cellule > Propriétés de la cellule.
   2. Dans l’onglet Général , saisissez 30 % dans le champ de texte Largeur .
   3. Cliquez sur OK.
9. Cliquez avec le bouton droit sur l'en-tête du formulaire, puis cliquez sur Enregistrer.
10. Saisissez les données dans les cellules du tableau, puis enregistrez l’article.