Discussion :

[Marina.zut]

Bonjour,
Est-il possible de préciser dans le code le nombre de fois que l'on souhaite répéter une icone Fontawesome ?
Par exemple, je souhaite afficher 3 étoiles identiques qui se suivent, il y a t-il une solution plus "propre" que d"écrire 3 fois de suite :

Code html :

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

1
2
3
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>

Merci pour vos lumières !

[mathieu]

se genre de répétitions dans le code html se gère souvent par du code côté serveur comme php ou node.js par exemple.
est ce que vous utilisez cela dans votre projet ?

[NoSmoking]

Bonjour,
tu pourrais également gérer cela via CSS en passant par un pseudo-élement ::before par exemple :

Code html :

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

<p>Résultat :<span class="star-3">3</span>

et avec le CSS suivant :

Code :

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

1
2
3
4
5
6
7
8
9
span.star-3 {
  font-size: 2em;
  line-height: 2;
}
span.star-3:before {
  content:"\2606\2606\2606";  /* sans passer par Fontawesome */
  padding: 0 .5em;
  color : red;
}

tu devrais obtenir quelque chose comme :
Résultat : ☆☆☆ 3

[Marina.zut]

Whaou ! merci 'NoSmoking', je ne connaissais absolument pas cette instruction !!!
Peut-on spécifier que les étoiles soient 'pleine' (et non juste les contours) ? j'imagine que c'est le code '2606' qui spécifie cela

Trouvé: 2605
Encore merci !