Icône

Résolu
Bonjour à tous. S'il vous plaît, j'aimerais savoir comment aligner mon icône à droite (j'ai remarqué que mes navigateurs remplacent par défaut les espaces blancs par l'icône en question. ie si je laisse 2 espaces alors j'ai 2 icones!)
J'aimerais également preciser que l'icône en question ne s'affiche pas, si je n'ajoute pas du texte (et un espace) entre les balises button
Aussi, j'ai essayé de placer un espace avant l'ajout du texte, mais je constate que l'icône ne peut s'afficher qu'entre deux mots! ????
au secours ????
Merci d'avance pour votre aide ????

3 réponses

  1. Concrètement, j'aimerais savoir:
    -comment afficher l'icône à gauche du texte
    -comment afficher uniquement mon l'icône sur le bouton (sans afficher du texte)
    -concernant les "multiples points d'interrogation" , il s'agit de stickers qui ne sont pas pris en compte parle site : (
    Merci d'avance pour votre aide précieuse ; )
    1. toujours pas de code donc....
      Ce ne sont pas d'images dont on parle mais de texte.
      Le problème étant très spécifique ne serait il pas plus simple(et efficace) de traiter une image en tant qu'image? surtout que charger une police spécifique pour une seule raison est pas vraiment rentable: on doit charger avec plus ou moins de réussite une police entière sur un CDN ou autre juste pour afficher un seul petit symbole. Un simple gif (ou png) suffit ou alors utiliser une image en SVG (pas mal d'avantage pour ce dernier) c'est nettement mieux et respectueux des normes WAI(accessibilité à tous plutôt que d'aller dans le spécifique qui aura un traitement spécifique à chacun).
      Ou même trouver un symbole dans une police de symboles un peu moins 'exotique' genre dingbats qui a plus de chance d'être présente sur un ordinateur.

      Quant aux possibilités de mise en page de textes il y en a un paquet avec CSS allant de l'approche de groupe, de mots ou de lettres, changement d'orientation(tous ceux qu'on veut) et autres marges qui permettent d'éviter d'utiliser des espaces pour de la mise en page qui ne doit pas être utilisé pour ça(et ça ne date pas du web ça, même dans un traitement de texte c'est à éviter-les tabulations remplace avantageusement et permettent à n'importe qui de pouvoir comprendre et modifier un fichier simplement- alors pour une mise en page encore plus).

      En effet avec des polices non standards(en tout cas pas présente par défaut et/ou un peu originale) il peut y avoir des contraintes propres à la police qui correspondent au principe de lettrine donc il ne faut rien avant. Pour faire une lettrine il suffit d'isoler le caractère(dans un span) et d'attribuer les valeurs voulues en appliquant un style à ce span.
      En gros beaucoup de problèmes(et donc der travail) pour un résultat tout petit alors qu'en utilisant une image en tant qu'image(et respectant la sémantique HTML aussi = meilleur référencement et accessibilité, même un navigateur audio pour un mal entendant pourra indiquer ce qu'il en est du contenu etc...).
      A vous de voir surtout dans l'image que vous montrez(alors que je demandait que vous indiquiez le code en copié collé correctement) on voit bien que vous avez l'option d'exporter en SVG(j'ai vu après avoir proposé la solution donc c'est tout à fait possible et bien plus simple).
      Si vous venez du graphisme "traditionnel" genre print vous devez perdre certaines habitudes qui ne correspondent pas au web(où le rendu n'est pas ce qui compte le plus contrairement à une publication print).
    2. @OthorexBonsoir et merci pour votre réponse
      Après relecture du code j'ai constaté qu'il y avais effectivement des contraintes propre à cette police.
      Si j'insiste autant à utiliser une police de caractère, c'est pour réduire au minimum les requêtes Http ( qui seraient beaucoup trop nombreuses, vue le nombre d'image que j'aimerais introduire sur mon site), mon objectif final étant d'assurer une bonne expérience utilisateur.
      Aussi, j'aimerais savoir si vous pouvez me proposer une police de caractère moins contraignante.
      Un dernier détail : vous m'avez demandé la denière fois, de copier mon code. Mais je sais pas trop comment faire vue que ce forum je l'utilise sur mon télé phone et le code se trouve dans mon ordinateur : \
      Merci d'avance pour votre aide précieuse : )
    3. @jordane45
      #include <stdio.h>
      Void main(void)
      {
           Printf("merci bcp : )");
      }
      
    4. @Paul_7993Bonjour : )
      J'ai je crois que j'ai enfin compris la nécessité d'utiliser des svg
      Mais une dernière question...les svg de bootrap sont-ils libre de droit ? (J'ai essayé de m'informer à ce sujet, mais aucune réponse exacte :/)
      Merci d'avance pour votre aide précieuse ; )