Bric à Brac informatique logo_Droite

Créer des listes (ordonnées ou non) dans BlueGriffon

La création (dans BlueGriffon) de listes à puces ou listes ordonnée est très simple.par l’intermédiaire de deux icones et de la Barre d'outils latérale (à gauche de la fenêtre BlueGriffon)

A. Créer une listes à puces

Pour afficher un paragraphe comme premier élément d'une liste à puces, placer le point d'insertion dans ce paragraphe et cliquer sur l'icône

Le paragraphe est affecté d'une puce ronde, par défaut, placée devant le début du paragraphe.

Un appui sur la touche Entrée créée une deuxième ligne placée en-dessous de la précédente.

Deux appuis consécutifs sur la touche Entrée ferment la liste.

Il est possible de créer une sous liste. Pour ce faire, appuyer sur la touche Tabulation du clavier.

Pour annuler la sous-liste appuyer sur la combinaison de touches Shift (ou touche majuscule temporaire) + Tabulation. Le paragraphe s'aligne à nouveau sur la liste d'origine.

B. Créer une listes numérotée

La méthode est la même que pour la liste à puces. Le point d'insertion est placé dans le paragraphe.

Cliquer sur l'icone

A SAVOIR

On peut passer d'une liste numérotée à une liste à puces et inversement, en cliquant sur l'un ou l'autre des deux icones

Il est possible de choisir deux autres styles pour une liste à puces ou un autre style de numérotation, en activant la commande Format, Propriétés de liste

Pour démarrer la numérotation à un autre stade que 1 activer la commande : Format, Propriétés de liste :

- dans la rubrique Valeur décocher Pas de valeur de départ spécifié et

- indiquer une Valeur de départ autre que 1

Mise en forme d'une liste à puces ou/et numérotée

Par défaut la liste est affichée avec la police, la taille de police et la couleur du texte du Corps de texte (<body>) définis lors de la création du document.

IMPORTANT A SAVOIR :

En langage HTML, une liste à puces est introduite par la balise <ul>. Une liste ordonnée est introduite par la balise <ol>.
Dans l'espace défini par les balises
<ul>... </ul> ou <ol>... </ol>s'invitent les balises
<li> ... </li>.Chaque ligne de la liste (à puces ou numérotée) est introduite par la balise <li> ... </li> . Vérifier en affichant le code Source

Pour modifier les trois éléments (police, taille et couleur) plusieurs méthodes :

Mise en forme ponctuelle d'une liste dans un document

ul

ol

soit affecter les balises <ul> ou /et <ol> de la classe de votre choix (ou d'une classe que vous allez créer) par intermédiaire de la barre de structure.
soit affecter toutes les propriétés que vous souhaitez aux balises <ul> ou <ol> ou <li> sélectionnées par l’intermédiaire du panneau Styles CSS. Dans l'option Appliquer les styles à : sélectionner cet élément via ses styles embarqués

Mise en forme commune à toutes les listes d'un même document

Sélectionner la balise <ul> (balise de l'élément liste à puces) ou <ol> (balise de liste numérotée) dans la barre de structure

Dans l'option Appliquer les styles à : sélectionner tous les éléments du même type.

Si votre document est lié à une feuille de Styles les propriétés des balises
<ul> ou
<ol> ou
<li>
(suivant la sélection effectuée) seront enregistrées dans la feuille de Styles ... donc appliquées à chaque création de liste.

ATTENTION :
Sur les 2 images écran ci-contre, observez la différence de sélection du "même type".
Sur la première c'est l'élément ol qui est sélectionné, sur la deuxième c'est l'élément li.
Si l'élément li est sélectionné cela signifie que toutes les balises li auront la même mise en forme, pour une liste à puces ou pour une liste numérotée.
Alors qu'en sélectionnant l'élément <ul> ou <ol>, il est possible de différencier la mise en forme d'une liste à puces de celle d'une liste numérotée.

Dernière mise à jour : le 04/06/18