Médiaforma

All posts tagged listes

Si vous saisissez Lundi dans une cellule et que vous étendez cette cellule en agissant sur sa poignée de recopie, les cellules voisines sont complétées avec les jours suivants.

Excel vous permet d’utiliser le même principe en créant des listes personnalisées (des références, des produits ou des noms de clients par exemple). Pour étendre un élément de la liste aux éléments suivants, il suffit d’agir sur la poignée de recopie.

Sélectionnez l’onglet Fichier dans le ruban, puis cliquez sur Options. Sélectionnez Options avancées dans la partie gauche de la boîte de dialogue. Déplacez la barre de défilement vertical pour atteindre la section Général, puis cliquez sur Modifier les listes personnalisées. Définissez la nouvelle liste dans la zone Entrée de la liste, en prenant le soin de séparer les entrées de la liste par une virgule. Cliquez sur OK puis sur OK.

Ici par exemple, nous définissons une liste personnalisée contenant les prénoms Kévin, Eric, Lionelle, Laurence, Patricia et Michel :

Pour entrer tous ces prénoms dans des cellules contigües, tapez Kévin dans une cellule et étendez la sélection en agissant sur la poignée de recopie de la cellule contenant la valeur Michel.


Cette rubrique va vous montrer comment modifier le style des puces dans une liste <ul>. Dans cet exemple, nous avons utilisé une liste pour énumérer les Etats membres de l’Union Européenne :

La balise <ul> marque le début de la liste et la balise </ul> marque la fin de la liste. Les divers éléments de la liste sont délimités par les balises <li> et </li>. Voici le résultat :

Dans une rubrique précédente, vous avez vu comment utiliser d’autres types de liste en utilisant l’attribut type. Consultez la rubrique Listes à puces pour en savoir plus à ce sujet.

Dans cette rubrique, je vais vous montrer comment remplacer les puces prédéfinies du langage HTML par des images. Pour cela, vous allez utiliser la propriété CSS list-style et lui affecter une image. Ici par exemple, l’image utilisée a pour nom puce3D2.jpg. Si l’image n’est pas disponible, vous pouvez préciser le nom de la puce prédéfinie à utiliser : disc, square ou circle.

Voici le résultat quand l’image est trouvée, et quand l’image n’est pas disponible :


Vous savez maintenant créer des listes à puces et numérotées. Que diriez-vous de créer des listes sur plusieurs niveaux hiérarchiques ?

Il suffit pour cela d’imbriquer deux ou plusieurs balises <ul> ou <ol>. A titre d’exemple, nous allons imbriquer plusieurs listes à puces dans une liste numérotée pour obtenir le résultat suivant.

Examinons le code utilisé :

Comme vous pouvez le voir, la liste principale est une liste numérotée délimitée par les balises <ol> et </ol>. Cette liste contient quatre entrées <li></li>.

Dans la première entrée, une liste à puces <ul> de type square est définie. Cette liste contient une autre liste à puces <ul> de type circle, composée de quatre entrées. Les différents niveaux d’imbrication sont automatiquement indentés vers la droite.

La troisième entrée <li> de la liste principale contient une liste à puces de type square, composée de trois entrées.