[RÉGLÉ] Afficher des symboles de Glyphicons Halflings

[Visiteur]

Salut

Je voudrais utiliser 3 symbole de Glyphicons Halflings (qui est intégré au Bootstrap d'Helix3) mais je ne comprend pas pourquoi ils n'apparaissent pas.

Voici mon code html :

<ul class="framadate-coches">
    <li><span class="glyphicon glyphicon-ok"></span> : oui</li>
    <li><span>(<span class="glyphicon glyphicon-ok"></span>)</span> : si nécessaire</li>
    <li><span class="glyphicon glyphicon-ban-circle"></span>  : non</li>
</ul>

Hors les 2 class sont bien présentes dans /templates/shaper_helix3/css/bootstrap.min.css :

.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-ban-circle:before{content:"\e090"}

Les icônes devraient donc apparaitre. Alors pourquoi à la place j'ai un carré ?? je ne peux pas vous montrer la page je suis en local.

Joomla 3.8.5

[lomart]

Bonsoir,

Sauf erreur, glyphicon avec Joomla! est une image et le code CSS cible une police
Sur un J3.8.5, on a

.icon-ban-circle {
  background-position: -216px -96px;
}

Ou il s'agit d'un autre bootstrap ?

[Visiteur]

Mais alors pourquoi dans bootstrap.min.css on trouve .glyphicon-ok-sign et .glyphicon-ban-circle avec une propriété content avec un encodage pour un caractère spécial ? si ça avait été une image il y aurait eu une URL.

[lomart]

Peut-être que le template amène son bootstrap ?

[Visiteur]

Bon, on va reprendre depuis le debut, car j'ai fait mon boulet . Au début j'ai oublié de préciser que le bootstrap.min.css dont je parle se trouve dans /templates/shaper_helix3/css/bootstrap.min.css (j'ai modifié mon 1° message). Quant tu a dit que dans Joomla c'est une image qui est appelé j'ai même pas tilté de mon oublie. N'ayant pas préciser que c’était celui du template c'est normal que tu me parle de Joomla.

[lomart]

Les choses étant claires!
Maintenant, étant en local, il va falloir vérifier avec un inspecteur de code que :
- la police est chargée
- la bonne règle CSS est bien appelée au bon endroit et non cachée par une autre

[Visiteur]

J'avais mis en suspend la création du site pour lequel j'avais besoin des symboles Glyphicons Halflings. Je m'y remet. J'ai vérifié avec l'inspecteur et apparemment la police est bien chargée et je pense que le CSS aussi :

[lefabdu51]

essaye glyphicon glyphicon-ok-sign et glyphicon glyphicon-ban-circle comme classes dans ton code html//......

[Visiteur]

J'ai trouvé ! dans le dossier d'Helix3 il y a un dossier fonts dans lequel j'y ai mis les fichiers de Glyphicons Halflings. Et les symboles sont apparut. C’était juste ça... Bootstrap ayant par défaut cette font et l'appelant dans son CSS, c'est quant même zarbi que les fichiers ne soit pas présent.