TUTO TYPOGRAPHIE N° 12 : Les espaces insécablessteemCreated with Sketch.

in fr •  last year

Coucou les amis, GIF AUREVOIR.gif

Les espaces insécables,

Mais qu'est ce qu'elle me raconte là.

Ça y est, elle a craqué...
Ne vous affolez pas, continuez de lire, c'est très important et hyper simple, malgré le nom un peu barbare.

Je vous promets, j'ai vu énormément d'erreurs à ce niveau.

Bon d'accord, je suis marseillaise et on exagère toujours à Marseille, c'est pas @stabe qui me contredira. gif rire.gif

Tout d'abord une définition de Wikipédia :


L'espace insécable
Il s'agit d'une espace de la même taille qu'une espace traditionnelle c'est à dire celle dont on a l'habitude, entre chaque mot.
L'espace fine insécable
C'est une espace qui est selon les pays et les polices utilisées mesure entre 1/3 et 3/4 de l'espace traditionnelle.

Je voulais vous parler des deux car elles existent et qu'elles sont toutes les deux réalisables sur Markdown, pour autant si cela vous embrouille, laissez tomber et ne retenez que la suite.


L'espace insécable
Devant le et entre les .
L'espace fini insécable
Devant les mais aussi de façon bien plus générale toute "chose" que l'on ne veut pas voir être séparée par un retour à la ligne : couper un nombre, un nombre et ceux à quoi il se rapporte, une heure, une date, un numéro de tél., une adresse bitcoin...


Alors là, je vous rapelle, GIF FILLE SOURIRE.gif, je suis secrétaire de formation et pas développeur... donc j'ai un peu galéré mais je pense avoir dompté la bête.

Si vous utilisez EDITOR et pas MARKDOWN, il n'y a pas d'autre solution et en même temps c'est plus simple, dès qu'il y a un retour à la ligne qui ne vous convient pas vous faites une espace supplémentaire (ou un peu plus si besoin) avant le 1er chiffre comme dans mon exemple ci-après avec la flèche bleue et ça enverra l'ensemble à la ligne.

Dans l'exemple 1, la flèche rouge montre ce qui n'est pas bon.
Dans l'exemple 2, la flèche rouge montre ce qui est correct.

Je ne sais pas pourquoi je n'aime pas travailler avec editor... donc j'ai forcément du chercher la solution sous markdown.
Et là, n'essayez pas les espaces, vous pouvez essayer 100 ans, vous ne feinterez pas !

Alors la solution magique : le code HTML.
Pour l'espace insécable, il s'agit de  et pour l'espace fine insécable  . N'hésitez pas à sélectionner le code, à faire CTRL C et CTRL V à l'endroit qui vous intéresse dans votre post.
Mais vous allez me dire, ou doit on le placer ? regardez.
Je vais vous montrer qu'il n'est pas si difficile de faire un joli post. Je viens d'acheter 100 000 STEEM.
Maintenant si l'on insère le code :
Je vais vous montrer qu'il n'est pas si difficile de faire un joli post. Je viens d'acheter 100 000 STEEM.
Résultat :
Je vais vous montrer qu'il n'est pas si difficile de faire un joli post. Je viens d'acheter 100 000 STEEM.

Là, j'écris carrément n'importe quoi pour faire vite et vous montrer le pire des pires à voir !
Et là, si vous voyez ça en vous relisant, hop hop hop, le code magique  devant le point d'exclamation et le problème est résolu.
Résultat :
Là, j'écris carrément n'importe quoi pour faire vite et vous montrer le pire des pires à voir !

Maintenant, vous êtes les champions 🏆 des espaces insécables !



RETROUVEZ MES PRÉCÉDENTS TUTO SUR LA TYPO
N° 1 ; N° 2 ; N° 3 ; N° 4 ; N° 5 ; N° 6 ; N° 7 ; N° 8 ; N° 9 ; N° 10 ; N° 11.

signature-fonts

Follow, upvote, resteem
GIF STEEMIT.gif

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

de petites astuces bien pratique afin de rédiger ces articles plus que convenablement ! Upvoté à 100% !

·

Merci @francosteemvotes,
Toujours une fierté d'être sélectionnée !

Merci pour cet article utile !

·

Merci @zonguin, ça me motive !

Merci à tous pour vos upvotes et votre soutien ! @originalworks

·

@OriginalWorks Mention Bot activated by @corsica. The @OriginalWorks bot has determined this post by @corsica to be original material and upvoted it!
Do you like what @OriginalWorks is doing? Give it an upvote!

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

For more information, Click Here!