Une petite contribution

Bonjour à tous,

Vous n'êtes pas sans savoir qu'il existe une charte signalétique Universelle des Numéros SVA. J'avais plutôt pour habitude de passer par des bibliothèques comme GD et imagick pour afficher mes numéros pour les clients sans refaire une image à chaque fois, mais je suis tombé sur un serveur avec GD mais sans freetype, donc aucun artifice php possible. C'est pourquoi je vous propose en ressources css/html la version version 1.1 de la charte. Autant partager, j'ajouterais le git par la suite.

Merci d'avance pour vos retours qui me permettront d'améliorer ma signalétique.
Pour comparer j’ajoute la charte officiel
La charte
ma contribution : Signalétique des Numéros SVA
Modifié par liova (12 Oct 2017 - 07:08)

Bonjour (avec beaucoup de retard),

Le br dans le texte ne me gêne pas, je le trouve même bien approprié. Mais globalement - et bien que des pseudo-éléments soient utilisés - je trouve qu'il y a beaucoup de div, sans parler des classes. Pourquoi par exemple ne pas utiliser une seule classe sur l'élément conteneur principal ? Il suffit alors de cibler les éléments enfants à partir de celui-ci.

Cela donnerait par exemple :

<div class="sva-free">
  <div>0 800 135 427</div>
  <div>Service &amp; appel<br/>gratuits
  </div>
</div>
<div class="sva-unmarked">
  <div>0 800 135 427</div>
  <div>Service gratuit<br/>+ prix appel
  </div>
</div>
<div class="sva-increased">
  <div>0 800 135 427</div>
  <div>0,15 € / min<br/>+ prix appel
  </div>
</div>

Enfin, coder en unités fixes ne permet pas de "zoomer" si besoin, je privilégierais les unités em.

Un exemple avec ma proposition ici : CodePen, SVA numbers
Modifié par Olivier C (15 Oct 2017 - 13:03)