Réalisez vos listes à puces avec des images en CSS

:salut:

Pascale Lambert propose un tutoriel présentant des petites astuces pour utiliser une image en guise de puce dans une liste. En effet, grâce aux CSS, on peut automatiser facilement la mise en image des listes à puces et c'est à travers d'exemples simples et bien construit qu'elle nous présente ses petites astuces pour à destination de débutants.

N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

Voir aussi les cours et tutoriels pour apprendre CSS.

Merci à elle :)

Bonjour,

Y'a-t'il moyen de faire pareil avec les listes ordonnées ( <ol> ) de façon à avoir une image différente symbolisant les numéros pour chaque élément de la liste ? Sans attribuer une classe différente à chaque élément bien sûr... :roll:

Tout est possible avec le CSS. Tu peux faire avec plusieurs classes CSS et mettre sur chacun des éléments mais tu peux également bricoler une image sur le principe du CSS Sprites et avoir qu'une seule classe CSS. Bien sûr l'image devra avoir tous les chiffres.