Alignement smiley et texte

   Vous aurez sans doute remarqué que parfois les mignons petits smiley ne s'alignent pas correctement. J'ai fait une modification "à la chaîne" et je vais vous expliquer comment. En fait, il faut ajouter un paramètre à chaque image pour qu'elle s'aligne avec le bas du texte. Ça fait moins désordre!
Seulement voilà, avec sa sacrée habitude de rajouter des marges, des "paddings" et des "shadows" aux images, Blogger ne nous facilite pas les choses et cela ne fonctionne pas correctement car le texte s'aligne sur la bordure de l'image et pas sur l'image elle-même. Donc, seule solution, se débarrasser de ces fichues marges et autres paddings. Mais chaque chose en son temps...


Modifier l'alignement des images...


Pas de panique! Si vous avez 200 smiley dans votre page en pop-up (en fait un message...), je ne vais pas vous obliger à changer le code de chaque image... 
Voici comment j'ai fait:

1. Editez la page (ou message) qui contient votre réserve de smiley.
2. Passer en "modifier le code HTML"
3. Copier tout le code et collez-le dans votre BlocNote (pas celui de Windows, il n'a pas de fonction rechercher/remplacer, il me semble). Moi, sous Linux, j'utilise Gedit.
4. Une fois collé, allez dans le menu "rechercher" puis "remplacer"
5. Dans la case "rechercher" collez <img alt=""
6. Dans la case "remplacer" collez <img align="baseline" alt=""
7. Cliquez sur "Tout remplacer"
8. Copier-coller le code obtenu dans votre message Blogger (celui qui s'ouvre en pop-up)

Attention, ça vaut pour mes premiers smiley, mais le code peut être différent avec d'autres comme ceux de Gmail. Il faudra adapter...

Ici, j'ai utilisé l'alignement "baseline" mais il y en a d'autres possibles:

http://www.alsacreations.com/astuce/lire/4-alignement-vertical-image-texte.html

Pour supprimer les marges des images, on y reviendra plus tard... 
Vous pouvez aussi chercher par vous-même, hein!? Google