Discussion :

[pilan]

Bonjour,

Je souhaite garder le numéro des list <ol> tout en enlevant le point qui me dérange, car je souhaite customiser le chiffres avec un background, border-raduis ect.

J'ai essayé la propriété list-style: none; mais automatiquement ça me supprime le chiffre, ce qui est normal.


Avez-vous des propriétés à me partager ?

Je suis junior, pour info, merci

Merci de votre aide.

[NoSmoking]

Bonjour,

Je souhaite garder le numéro des list <ol> tout en enlevant le point

Dans ce cas tu peux utiliser indifféremment une <ul> ou une <ol>.
Tu peux faire la même chose en utilisant les compteur, counter en CSS.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
ol, ul {  /* faire son choix ou pas */
  counter-reset: number;      /* initialisation d'un compteur nommé number */
}
li {
  list-style-type: none;
  counter-increment: number;  /* incrémentation du compteur nommé number à chaque li */
}

ensuite pour l'affichage on va utiliser un pseudo-élement ::before.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
li:before {
  content: counter(number);   /* affichage de la valeur en cours du compteur nommé number */
}

tu peux faire à peu près tout ce que tu veux.

PS :
tu en es où dans ton autre discussion ?