Convertisseur de devises

Un convertisseur de devises intéressant pour votre site ou blog

<br />
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 500px;"><tbody>
<tr>    <td>
<div>
Changez n'importe quelle valeur, par exemple USD=10, les autres valeurs se mettront à jour automatiquement et instantanément. Change any value, eg = 10 USD, other values ​​will automatically and instantly update</div>
<!--Currency Converter widget by FreeCurrencyRates.com -->
<style>
.gcw_main{width:500px;font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:11px;border:#aaaaaa 1px solid;text-align:center;color:#000000;background-color:#ffffff;margin:0 auto;}
.gcw_header{margin:4px;padding:5px;text-align:center;border:#aaaaaa 1px solid;background-color:#cccccc;}
#ccw_cnhfybwf{text-decoration:none;color:#222222;font-size:13px;font-weight:bold;}
.gcw_input{color:#212121;font-weight:bold;background-color:#aaaaaa;border:#C5C5c5 1px solid;text-align:right;padding:2px 0;margin:1px 0;display:inline;font-size:11px;}
.gcw_select{color:#000;display:inline;}
#gcw_date{font-size:10px;color:#212121;}
</style>
<div class='gcw_main'><div class='gcw_header'><a href='http://www.freecurrencyrates.com/myconverter#cur=EUR-USD-CAD-ANG-GBP;amt=EUR1' id='ccw_cnhfybwf'>Convertisseur devises | Currency converter</a></div><div id='gcw_rates'></div><script src='http://www.freecurrencyrates.com/converter-widget?source=Yahoo%20Finance&width=500&currs=EUR,USD,CAD,ANG,GBP&precision=2&language=en&flags=1&currchangable=0&firstrowvalue=1' charset='UTF-8'></script></div>
<!--End of Currency Converter widget by FreeCurrencyRates.com --></td>   </tr>
</tbody> </table>
<br />

Et voilà ce que ça donne (je l'ai mis dans un tableau et ai rajouté un texte explicatif mais ce n'est pas indispensable)

Changez n'importe quelle valeur, par exemple USD=10, les autres valeurs se mettront à jour automatiquement et instantanément. Change any value, eg = 10 USD, other values ​​will automatically and instantly update. Convertisseur devises | Currency converter

Vous pouvez le configurer facilement à votre goût sur cette page:

http://www.freecurrencyrates.com/fr/get-widget

SECURITÉ: un VPN rapide et gratuit

Je viens d'installer sur mon CHROMIUM (Version Libre de Google Chrome) l'extension ZENMATE qui fait actuellement le Buzz sur le Web.

ZENMATE, c'est quoi ?

Un service VPN gratuit pour Chromium ou Chrome.



C'est une extension que vous pouvez installer très facilement sur Google Chrome ou Chromium vous permettant de passer par un service VPN et ainsi vous protéger de toutes indiscrétions ou piratage puisque il vous rend totalement anonyme sur le NET. Ce service est donc gratuit ce qui est rare pour un VPN. Il existe des VPN gratuits mais ils sont encombrés, limités, ou de la pub s'affiche et au final ils sont peu performants. ZenMate est une "start-up" allemande. L'extension ne fonctionne pas encore sur d'autres navigateurs comme Firefox, Opera et encore moins sur Microsoft Internet Explorer.

Exemple pour moi actuellement* avec http://www.iplocation.net/:

Geolocation data from IP2Location

IP Address	Country	Region	City	ISP
207.244.77.1	United States	Virginia	Manassas	Hasbro Interactive Inc.

Ce n'est bien-sûr pas ma véritable adresse mais c'est ce que verra un éventuel attaquant ou un indiscret, par exemple ORANGE, mon fournisseur d'accès. Il est même très peu probable que votre FAI aie connaissance de cette adresse puisque vos données sont "tunnellisées" et donc archi-cryptées. Votre FAI saura que vous êtes connecté mais ne saura en aucun cas sur quel site vous surfez et pas plus ce que vous téléchargez. De plus, si vous choisissez le serveur (un proxy en quelque sorte) "USA, New-York", vous pourrez accéder aussi à des services réservés aux Américains comme Pandora (vérifié pour ce dernier) et probablement quelques autres comme Hulu, Netflix, etc... Encore un plus pour le VPN: si vous utilisez votre Netbook ou votre tablette à partir d'un Hotspot Wifi (dans un aéroport ou un hôtel, par exemple), toutes vos données peuvent être interceptées. Avec un VPN, elles sont à l'abri.

Je l'utilise maintenant depuis plusieurs heures sans constater de grosse différence dans la fluidité du trafic Internet. Et même, les services américains comme Blogger ("nouveau message" par exemple) semblent plus rapides. Je précise que je suis localisé à St Martin aux Antilles et qu'ici, notre trafic passe de toutes manières par la Floride, la Côte Est US ou même le Québec. J'utilise habituellement un autre et excellent service VPN (AlwaysVPN) et je peux dire que ZenMate semble aussi rapide.

• Cinq serveurs sont actuellement disponibles: Suisse, Allemagne, Royaume-Uni (Londres), Hong-Kong et USA (New-York ou ici Manassas, Virginie).
• Ce service est gratuit. Le restera-t-il ? Restera-t-il performant ?
• Qu'en est-il de nos données qui transitent par ces serveurs...?
• Inconvénient: ZenMate ne traite, je suppose, que le trafic entre le navigateur et le Web mais probablement pas celui de vos autres applications (ce que fait un service VPN normal). C'est-à-dire que si vous utilisez par exemple un logiciel de courrier (comme Thunderbird ou Outlook), son trafic utilisera la voie normale ce qui est un peu dommage. Idem pour Synaptic et bien d'autres applications qui ont besoin d'Internet. Par exemple, avec AlwaysVPN, tout le trafic de votre ordi passe par le VPN. Donc c'est tout votre ordi qui est sécurisé. D'ailleurs, dans ce cas, on peut très bien arrêter sans crainte son Firewall, ce qu'il n'est pas conseillé de faire avec ZenMate.
• D'après la version chinoise: c'est actuellement la version "pro" dont on peut profiter gratuitement. ZenMate est gratuit et le restera. La future version "pro" ou "Premium" sera payante mais apportera des fonctions supplémentaires et probablement d'autres serveurs.
• Des versions pour Android (Smartphones) et IOS sont prévues dans les prochains mois. Cette extension existe seulement pour Chromium (version libre de Google Chrome) et Google Chrome lui-même.
• Zenmate a réussi à attirer 1 million d'utilisateur en 6 mois !

Pour l'installer sur Google Chrome ou Chromium: zenmate-for-google-chrome



Qu'est-ce qu'un VPN ? Notez qu'ici, il ne s'agit pas d'un simple réseau VPN (Virtual Private Network) comme on en utilise dans certaines sociétés ou les universités mais d'un "Service VPN" fourni par une compagnie, donc ici, ZenMate.



Installation



Aucun problème, simple comme bonjour:

Une fois sur le Google Webstore, cliquez sur ajouter à Google Chrome ou quelque chose de ce genre. Quelques secondes suffisent à télécharger l'extension qui s'installe automatiquement en vous prévenant comme d'habitude qu'elle pourrait accéder à certaines de vos données (C'est très théorique!). Après l'installation, son icône apparaît dans votre barre d'outils à droite de la barre d'adresse. Un clic droit vous donne droit aux choix habituels (mais pas d'options). Un clic gauche vous renseigne sur le serveur utilisé et vous annonce que vous êtes protégé (ou pas). En bas de cette fenêtre pop-up, vous trouverez un lien "Change location" (changer de lieu, c'est-à-dire de serveur). Si vous êtes aux Antilles ou si vous voulez profiter de sites comme Pandora.com, je vous conseille New-York. Si vous êtes en Europe et voulez simplement surfer, vous pouvez choisir Londres, Frankfurt-am-Main (Francfort) ou Zurich. Voyez celui qui est le plus rapide.



Pour contrôler que vous passez bien à travers un proxy anonyme: http://www.iplocation.net

Vous pouvez voir aussi le tutoriel de chine-astuces.com (en Anglais et en Français)

Un article assez complet ici: lemondeinformatique.fr



* voici ma véritable adresse en ce moment même (j'ai masqué les 2 derniers nombres de l'IP):

Geolocation data from IP2Location

IP Address	Country	Region	City	ISP
90.31.***.***	Saint Martin (french Part)	Saint Martin	Marigot	Orange S.a.

Description par l'auteur



Unblocks websites. Encrypts your browser traffic. Wifi & Hacker protection. ZenMate is free, easy to install and use!


Here’s what you’ll get through the ZenMate VPN proxy service:


 ✔ Total Privacy: 

 We encrypt all your browser traffic 


 ✔ Total Freedom: 

 Forget location restrictions. Access ANY website from ANYWHERE


 ✔ Total Control: 

 YOU choose where any website “thinks” you are.


~~ Why choose ZenMate? ~~

Change your location using ZenMate to access Facebook, Twitter, Pandora, Hulu, Netflix, YouTube, Gmail, Wikipedia and many other websites that are not available in certain areas. Simple, or at times slow, alternative services like Hide My Ass, Stealthy, Hotspot Shield, StrongVPN, Unblock Us, Spotflux, TunnelBear and Hola Unblocker provide only a way to unblock access (change IP / gain a US IP). 


~~ Privacy Guaranteed ~~

As a German company, we are bound to strict data privacy laws and do not track any IP's or connection data. Find out more on our privacy policy here: https://zenmate.io/privacy-policy

Des boutons "Glossy" pour votre blog ou votre Bureau

Je voulais créer un bouton "Glossy" de Chromium pour mon dock (IBar) dans Bodhi Linux et pas vraiment envie de me coltiner avec Gimp ni PhotoFiltre.

J'ai trouvé ce site qui permet de créer facilement des boutons en ligne. L'interface n'est pas esthétiquement géniale mais le site fait bien ce qu'on lui demande.

1. Les réglages ne sont pas difficile à comprendre
2. On peut uploader une image (ici, le logo de Chromium)
3. Pour voir ce que ça donne (rendu): cliquer sur "Generate"
4. Pour enregistrer votre oeuvre, faites simplement un clic droit sur le rendu puis enregistrer l'image

C'est ici: Glass Button Generator

Mystérieuses images *.ASPX...

Sur le site de localisation de navires marinetraffic.com, les images des bateaux ont pour extension *.aspx



Pourtant, je ne trouve pas ce format dans la liste des formats d'images. De plus, si certains logiciels les lisent (ou les interprètent) sans problèmes comme Gimp, d'autres n'y arrivent pas comme PhotoFiltre7* ou Pinta. Inutile d'essayer aussi d'importer une image.aspx dans Blogger, vous aurez un message d'erreur. Par contre, pas de problèmes si vous copiez simplement l'image depuis le site d'origine et la collez dans votre post, comme ci-dessous:

Voici le code de l'image dans le HTML:

<img height="197" src="http://photos.marinetraffic.com/ais/showphoto.aspx?photoid=1496010" width="400" />

On n'est pas plus avancé avec ça!

"showphoto.aspx" est le nom par défaut de toutes les images sur marinetraffic.com.

Cependant, des applications comme PCmanFM (gestionnaire de fichier sous Linux) les voient bien comme des images et en affichent une vignette. A noter que la visionneuse rapide d'images Gpicview les affiche sans problème et permet de les convertir facilement en jpg ou autres.



Qu'en est-il de ce format ? Est-ce même un format? je n'ai rien trouvé de valable sur Google. Peut-être en rapport avec Webkit ou Html5 ? Sur Wikipedia, on ne le trouve pas dans les formats d'images.



En tous cas, si vous avez téléchargé une telle image, il suffit de la renommer et changer son extension en .jpg tout simplement ! Ainsi, elle pourra être utilisée normalement.

Ci-dessous, une image.aspx simplement renommée en *.jpg

*Photofiltre fonctionne assez bien dans Linux en passant par Wine. Cependant, une version spécifiquement Linux et stable pourrait apparaître courant 2014. Cette version existe déjà et fonctionne mais reste très basique. Je l'ai essayée sans conviction il y a quelques mois. Par contre, Photofiltre7 (via Wine) est mon gestionnaire d'images préféré sous Linux. Je n'utilise que très exceptionnellement Gimp que je ne trouve pas assez intuitif et trop compliqué.

Mes "petits crayons" sont revenus et les "Wrenches" aussi... (2)

  Mes "petits crayons" sont revenus et les "Wrenches" aussi...

J'avais parlé dans un de mes précédent messages (ICI) de ce problème des "Petits crayons" d'édition rapide (Quick edit pencil) qui disparaissent tout comme les "Wrenches". C'est un problème récurrent de Blogger qui peut avoir de très diverses origines. Par exemple, cela peut-être dû au code du blog qui est corrompu mais dans ce cas un seul blog est affecté (j'ai plus de 30 blogs Blogger mais la plupart sont des blogs accessoires ou de test). Cela peut aussi venir d'un défaut dans Google Chrome ou d'une extension (cela s'est déjà produit). Mais qu'en penser quand le problème se pose aussi avec des navigateurs très différents ? J'ai même vu le problème se poser à la fois sous Linux mais aussi Windows XP. Déjà vu aussi: problème venant de Blogger/Google lui-même.

Dans mon cas récent: cela se produisait sur mon Linux principal (Bodhi Linux) dans Google Chrome et ce depuis l'été dernier. J'avais tout essayé sans succès y compris en évinçant les extensions de Chrome. Cela se produisait aussi sur mon second système de secours et d'essais avec Chromium (Body Linux aussi mais très allégé*). Le problème persistait aussi avec Midori ou Opera qui sont de la même famille que Chrome (Webkit puis Blink) mais aussi Firefox.

Récemment, suite à une panne d'Internet résolue (câble téléphonique rongé par une bestiole), ma connexion s'est bien améliorée et j'ai constaté que les "Petits Crayons" étaient revenus sur mon deuxième Linux et Chromium. Coïncidence ?

J'ai donc décidé d'installer Chromium sur mon Linux principal aussi. Par le jeu de la synchronisation Google, celui-ci a bénéficié de toutes mes applications et extensions Chrome. Malgré cela, les "Petits Crayons" sont toujours là. Du coup, j'ai désinstallé Chrome. De toutes manières, je suis dans ma crise "parano", et comme Chromium est plus sûr...

Difficile d'en tirer des conclusions précises. J'ai souvent cru découvrir l'origine du problème avec certitude puis être déçu ensuite et me retrouver à la case départ...

Dans le cas récent, l'origine du problème pouvait être:

• Google Chrome lui-même (+ connexion défectueuse ?)
• Un plugin commun à Chrome et Firefox (très possible)
• Un bug dans Linux concernant Chrome
• Connexion défectueuse (très possible)
• Une extension (peu probable puisque j'ai les mêmes sur Chromium)

*Il ne s'agit pas à proprement-parler d'un Body Linux "allégé" puisque Bodhi est déjà une "distro" très allégée à l'origine, quand on l'installe. Il y a le strict minimum d'applications pour pouvoir démarrer. Sur cette installation, j'ai ajouté le minimum d'applications contrairement à mon installation principale. Bodhi Linux est une distribution Linux très légère basée sur Ubuntu 12.04 (Precise Pangolin) avec l'environnement "Enlightenment" très agréable et fluide même sur une machine limitée en performances ou datant un peu. Dans mon cas, une Eeebox Asus de première génération et bientôt, si possible sur un Eeepc 700 et une carte SDHC.

Nouvelle version de TinyMCE

 Welcome to the new TinyMCE !

Le nouveau TinyMCE est sorti avec quelques bugs en moins, (paraît-il...)


TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Cet éditeur est utilisé notamment par Facebook (notes et questions), Wordpress, Oracle, Microsoft, Apple, IBM, Joomla!, etc...


Vous pouvez l'essayer et même l'utiliser pour de bon ici: http://www.tinymce.com/tryit/classic.php. Cet exemple est le plus complet. Il en existe des plus simples: http://www.tinymce.com/tryit/basic.php

Personnellement, je préfère CKEditor que j'utilise en local. Il offre quelques possibilités en plus comme la gestion des iframes. De plus en utilisant le code obtenu, les réactions de l'éditeur de Blogger étaient assez bizarres (sautillements, déplacements intempestifs, problèmes de sélection du texte). Vous verrez par vous-même (peut-être). Pour s'en sortir: dans Blogger, sélectionnez tout le texte puis cliquez sur "supprimer la mise en forme". Malheureusement, on perd les quelques avantages de TinyMCE. Décidément, je resterai avec CKEditor.


Ce post a été écrit avec TinyMCE mais largement remis à la sauce Blogger.

Pour l'utiliser:

1. cliquez sur le lien http://www.tinymce.com/tryit/classic.php pour l'ouvrir 
2. puis sur le bouton "Fullscreen" (au milieu de la 3e ligne de la barre d'outils). 
3. Ensuite, sélectionnez tout le texte de présentation et supprimez-le. Vous pouvez commencer à travailler. Attention! Pour les copier-coller, utiliser Ctrl+c et Ctrl+v car Google Chrome ne prends pas en charge les copier-coller avec les boutons de TinyMCE (comme CKEditor). 
4. Une fois que vous avez créé votre message ou votre page, il suffit de passer en "source code" en cliquant sur le bouton <> (2e ligne de la barre d'outils à droite), puis de copier le code (seulement le code entre <body> et </body>). 
5. Ensuite, collez-le dans le HTML de votre article sous Blogger. C'est ce que j'ai fait pour cet article. Il est possible que vous soyez obligé de corriger quelques petits détails dans Blogger comme certains liens. 

Blogger:Mes "petits crayons" (Quick Edit) sont revenus !

Modifié: en fait, ils n'apparaissent déjà plus sur ma distribution Linux principale (Bodhi Linux) mais sur ma distribution de secours (aussi Bodhi Linux mais très allégé). Cette dernière est équipée de Chromium au lieu de Google Chrome. Peut-être est-ce la raison ?



Depuis plusieurs mois, les fameux "petits crayons" d'édition rapide des articles (Quick edit Pencil) ainsi que les "Wrenches" qui permettent d'éditer à la volée les widgets avaient disparu de tous mes blogs sous Linux puis ensuite sous Windows. Quelquefois, il réapparaissaient brièvement puis disparaissaient à nouveau. 

Là, ils sont revenus pour de bon, semble-t-il.

Comment ai-je résolu le problème?

Je n'en sais rien ! Les mystères de l'informatique et de l'Internet probablement...

En fait, hier matin, je me suis retrouvé sans Internet. Redémarrer la Livebox Orange (Orange Caraïbes) n'y faisait rien. Du coup j'ai fait appel au support d'Orange (pas évident quand on vit dans une petite île des Antilles...). Mais les techniciens n'ont rien trouvé d'anormal. Le technicien de notre copropriété n'a rien trouvé non plus.

En désespoir de cause, je suis allé essayer ma "box" chez un voisin qui en a une aussi. On verrait bien ! 

Là, même problème. La sienne fonctionnait bien mais la mienne persistait à clignoter "rouge". J'ai alors pensé que celle-ci était défaillante. En dernier recours, à tous hasards, j'ai branché son câble téléphonique sur ma Box. Et là, génial ! elle s'est connectée rapidement.

En regardant mon câble distraitement pendant que la box se connectait, je me suis rendu compte que celui-ci était curieusement dentelé sur environ 20 cm. En observant de plus près, il m'est apparu que le câble avait été grignoté jusqu'au cuivre par probablement une souris et que le cuivre était même certainement coupé en certains endroits ce qui expliquait l'absence de connexion ...

De retour chez moi, j'ai réinstallé ma Livebox avec un câble téléphonique ordinaire mais de bonne qualité et là tout est rentré dans l'ordre. Et mieux que ça, la connexion était nettement plus rapide qu'avant. 

Peu de temps après, j'ai eu une nouvelle bonne surprise en allant sur un de mes blogs: les "petits crayons" depuis longtemps disparus étaient revenus !

Quelle conclusion en tirer ? 

Le fait d'avoir une connexion "faiblarde" peut-elle empêcher les "petits crayons" de s'afficher ? Ou est-ce une coïncidence ? Je signale tout de même que ce problème était apparu fin août dernier (2013).

PDF qui ne s'affiche pas directement dans Chromium

 Chromium dans Linux Ubuntu, Mint, Bodhi Linux et probablement quelques autres...

Quand une page contient un fichier PDF qui devrait s'y afficher directement, Chromium, contrairement à Chrome, vous demande de l'enregistrer dans votre dossier DOWNLOAD (ou autre). Ici, une page contenant un PDF devant s'y afficher: Page météo

Après enquête, il s'avère que Chrome est équipé d'un plugin "Chrome PDF Viewer" qui est introuvable dans Chromium.

Pour aller dans les plugins: chrome://plugins/

Comment l'installer:

C'est très simple, surtout si vous possédez déjà le fichier.deb de Chrome... Sinon, il va falloir le télécharger: https://www.google.com/intl/fr/chrome/browser/ ou ici le fichier seul (je décline toute responsabilité et bla-bla-bla...) : Fichier libpdf.so seul (6 Mo au lieu de 47).

1. Décompressez le fichier.deb de Chrome (chez moi: google-chrome-stable_current_i386.deb)
2. Allez dans le dossier décompressé puis /opt/google/chrome et copiez tout simplement le fichier libpdf.so
3.  Ouvrez en root /usr/lib/chromium-browser/ et collez dedans le fichier libpdf.so
4. Redémarrez Chromium, puis allez vérifier dans chrome://plugins/ que le nouveau plugin s'y trouve bien.
5. Et voilà ! Ça devrait fonctionner maintenant.

Éventuellement, ajoutez aussi l'extension Visionneuse Google Documents PDF/PowerPoint (par Google)

Il est bien évident que cela vous concernera seul et pas vos visiteurs. Mais rien ne vous empêche de leur donner le tuyau... Je rappelle aussi que tout ceci s'applique à Linux uniquement (mais la procédure semble être quasiment la même sur les Mac).

D'après http://askubuntu.com/questions/220913/pdf-viewer-in-chromium

Un tableau à coins arrondis

<table align="center" cellpadding="1" cellspacing="2" style="background-color:black; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center; width:500px">
 <tbody>
  <tr>
   <td style="background-color:#ffcc33">Texte</td>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
  </tr>
  <tr>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
  </tr>
  <tr>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
   <td style="background-color:#ffcc33"><span style="background-color:rgb(255, 204, 51); font-size:12px">Texte</span></td>
  </tr>
 </tbody>
</table>

Texte	Texte	Texte
Texte	Texte	Texte
Texte	Texte	Texte

Encadré de couleur avec une "codebox"

J'ai voulu utiliser mes "codebox" pour mettre en valeur du texte. Un encadré en quelque sorte.

Malheureusement, il n'y avait pas de retour à la ligne. C'est parfait quand il s'agit d'afficher du code comme plus bas (codebox bleue) mais cela devient pénible pour afficher du texte normal.

En fait, il suffit de supprimer les <pre> et </pre>, tout simplement. Ces balises <pre> servent  justement à afficher du code.

Exemple avec les <pre>. Pas de renvoi à la ligne. Les mots sont coupés et les lignes sont serrées.

MOUSTIQUES=DENGUE ou CHIKUNGUNYA. Attention! Veillez à ne pas laisser de récipients d'eau remplis sur vos terrasses (y compris les soucoupes des pots de fleurs) ! Pensez aussi à déboucher vos gouttières. Les bateaux doivent aussi être retournés ou le système auto-videur opérationnel.

Exemple sans les <pre>. Le renvoi à la ligne fonctionne, les mots ne sont pas coupés. On peut appliquer sans problème un alignement au texte comme ci-dessous: "justifié". Il est même possible d'y mettre une image sans tout casser... Une marge disgracieuse s'affiche sous l'image: allez dans le HTML et mettez margin-bottom: 1em;  à zéro: margin-bottom: 0em; et tout rentrera dans l'ordre.

MOUSTIQUES=DENGUE ou CHIKUNGUNYA. Attention! Veillez à ne pas laisser de récipients d'eau remplis sur vos terrasses (y compris les soucoupes des pots de fleurs) ! Pensez aussi à déboucher vos gouttières. Les bateaux doivent aussi être retournés ou le système auto-videur opérationnel.

Code d'origine (pour afficher du code) avec les <pre> en jaune. Il suffit de les supprimer pour que la phrase s'affiche normalement. Notez max-height: 26em; Si le texte est trop long, des scrollbars sont affichées automatiquement comme dans un iframe. Si vous voulez que les scrollbars ne s'affichent jamais mettez par exemple max-height: 100em; (ou plus).

<div class="codebox" style="background-color: #cc0000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(173, 144, 96); margin: 9px 0.2em 1em; max-height: 26em; overflow: auto; padding: 0.3em 0.5em;">
<pre><span style="color: white; font-size: small;"><b>VOTRE TEXTE ICI</b></span></pre>
</div>