HTML/CSS improvements for "choose-your-wallet" and other minor fixes

fix IE bug with vertical-align and lines break
adapt choose-your-wallet and language menu for W3C validation
drop html 4.01 transitional (fixes #84)
This commit is contained in:
Saivann 2013-03-24 23:21:28 -04:00
parent be0b5629b2
commit cbc0f9485e
6 changed files with 199 additions and 197 deletions

View file

@ -24,175 +24,175 @@ title: Choisir votre porte-monnaie - Bitcoin
<div class="previewrow">
<h2><img src="/img/ico_software.svg" alt="Software wallets" />Porte-monnaie logiciel</h2>
<p>Les porte-monnaie logiciels sont installés dans votre ordinateur. Ceux-ci vous donnent un contrôle complet sur vos Bitcoins. Vous êtes responsables de faire des sauvegardes et de le protéger. De la même manière que l'argent liquide.</p>
<span>
<span>
<div>
<div>
<h2>Bitcoin-Qt</h2>
<div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></div>
<span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></span>
<p>Bitcoin-Qt est le logiciel Bitcoin original sur lequel s'appuie le réseau. Il offre le plus haut niveau de sécurité, de vie privée et de stabilité. Toutefois, il offre moins de fonctionnalités et prend beaucoup d'espace et de mémoire.</p>
<p><a href="telecharger">Télécharger</a></p>
</span>
</div>
<a href="telecharger"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
</span>
<span>
<span>
</div>
<div>
<div>
<h2>Multibit</h2>
<div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></div>
<span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></span>
<p>Multibit est un client léger qui se concentre à être rapide et facile d'usage. Il se synchronise avec le réseau et est prêt en quelques minutes. Multibit supporte aussi plusieurs languages. Il est un bon choix pour les novices.</p>
<p><a href="https://multibit.org/">Visiter le site</a></p>
</span>
</div>
<a href="https://multibit.org/"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
</span>
<span class="lastspan">
<span>
</div>
<div class="last">
<div>
<h2>Armory</h2>
<div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /></div>
<span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /></span>
<p>Armory est un client Bitcoin avancé qui élargit les fonctionnalités de Bitcoin-Qt pour les super-utilisateurs. Armory offre plusieurs formes de sauvegardes et d'encryption et il permet une utilisation hors-ligne sécurisée.</p>
<p><a href="http://bitcoinarmory.com/">Visiter le site</a></p>
</span>
</div>
<a href="http://bitcoinarmory.com/"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
</span>
<span>
<span>
</div>
<div>
<div>
<h2>Electrum</h2>
<div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /><img src="/img/dow-android.png" alt="android" /></div>
<span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /><img src="/img/dow-android.png" alt="android" /></span>
<p>Electrum se spécialise dans la rapidité et la simplicité. Electrum est très léger et utilise des serveurs distants pour augmenter ses performances. Il conserve aussi une sauvegarde encryptée en ligne de votre porte-monnaie.</p>
<p><a href="http://electrum.org/">Visiter le site</a></p>
</span>
</div>
<a href="http://electrum.org/"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
</span>
</div>
</div>
<div class="previewrow">
<h2><img src="/img/ico_mobile.svg" alt="mobile wallets" />Porte-monnaie mobile</h2>
<p>Les porte-monnaie mobiles vous permettent d'apporter le Bitcoin avec vous. Vous pouvez échanger des Bitcoins de personne à personne et payer dans des boutiques par un simple scan du code QR affiché sur un écran, ou avec NFC.</p>
<span>
<span>
<div>
<div>
<h2>Bitcoin Wallet</h2>
<div><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-blackberry.png" alt="blackberry" /></div>
<span><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-blackberry.png" alt="blackberry" /></span>
<p>Bitcoin Wallet est un client mobile léger disponible pour Android et BlackBerry OS. Cette application n'a pas besoin d'être associée à un service en ligne. Et elle est compatible avec le scan de codes QR et la technologie NFC.</p>
<p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visiter le site</a></p>
</span>
<a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin Wallet</a>
</span>
<span data-id="blockchaindesktop">
<span class="walletwarning">
</div>
<a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
</div>
<div data-id="blockchaindesktop">
<div class="walletwarning">
<h2>Attention</h2>
<div></div>
<span></span>
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</span>
</div>
<a><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
</span>
<span data-id="paytunia" class="lastspan">
<span class="walletwarning">
</div>
<div data-id="paytunia" class="last">
<div class="walletwarning">
<h2>Attention</h2>
<div></div>
<span></span>
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</span>
</div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</span>
</div>
</div>
<div class="previewrow">
<h2><img src="/img/ico_international.svg" alt="online wallets" />Porte-monnaie web</h2>
<p>Les porte-monnaie web vous permettent d'utiliser Bitcoin partout avec moins d'effort pour protéger votre porte-monnaie. Toutefois, vous devez choisir votre porte-monnaie web avec prudence puisque ces services hébergent vos bitcoins.</p>
<span data-id="blockchainmobile">
<span class="walletwarning">
<div data-id="blockchainmobile">
<div class="walletwarning">
<h2>Attention</h2>
<div></div>
<span></span>
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</span>
</div>
<a><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
</span>
<span data-id="bips">
<span class="walletwarning">
</div>
<div data-id="bips">
<div class="walletwarning">
<h2>Attention</h2>
<div></div>
<span></span>
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</span>
</div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</span>
<span data-id="coinbase" class="lastspan">
<span class="walletwarning">
</div>
<div data-id="coinbase" class="last">
<div class="walletwarning">
<h2>Attention</h2>
<div></div>
<span></span>
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</span>
</div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</span>
<span data-id="instawallet">
<span class="walletwarning">
</div>
<div data-id="instawallet">
<div class="walletwarning">
<h2>Attention</h2>
<div></div>
<span></span>
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</span>
</div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</span>
</div>
</div>
</div>
<div class="previewcol">.</div>
<div style="display:none;">
<span id="blockchaindesktop">
<span class="walletnormal">
<div id="blockchaindesktop">
<div class="walletnormal">
<h2>Blockchain.info</h2>
<div><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-ios.png" alt="ios" /></div>
<span><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-ios.png" alt="ios" /></span>
<p>Blockchain.info est un porte-monnaie web hybride pour mobile. Il est disponible pour iPhones dans une version compatible avec les restrictions d'Apple et il inclut les options de blockchain.info .</p>
<p><a href="https://blockchain.info/wallet/">Visiter le site</a></p>
</span>
<a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain .info</a>
</span>
<span id="blockchainmobile">
<span class="walletnormal">
</div>
<a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
</div>
<div id="blockchainmobile">
<div class="walletnormal">
<h2>Blockchain.info</h2>
<div></div>
<span></span>
<p>Est un porte-monnaie web hybride très simple. Le service conserve une version encryptée de votre porte-monnaie mais le décryptage se passe dans votre navigateur. Par sécurité, utilisez l'extension et les emails de sauvegarde.</p>
<p><a href="http://blockchain.info/wallet/chrome-extension">Visiter le site</a></p>
</span>
<a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain .info</a>
</span>
<span id="paytunia">
<span class="walletnormal">
</div>
<a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
</div>
<div id="paytunia">
<div class="walletnormal">
<h2>Paytunia</h2>
<div><img src="/img/dow-ios.png" alt="ios" /></div>
<span><img src="/img/dow-ios.png" alt="ios" /></span>
<p>Paytunia est un porte-monnaie web offert par Paymium qui fonctionne avec Bitcoin-central pour vous donner accès aux échanges de bitcoins depuis votre mobile. Il est disponible pour iPhone et devrait supporter Android sous peu.</p>
<p><a href="https://paytunia.com/">Visiter le site</a></p>
</span>
</div>
<a href="https://paytunia.com/"><img src="/img/clients/lo-paytunia.png" alt="paytunia" />Paytunia</a>
</span>
<span id="bips">
<span class="walletnormal">
</div>
<div id="bips">
<div class="walletnormal">
<h2>BIPS</h2>
<div></div>
<span></span>
<p>BIPS est un porte-monnaie web qui permet d'acheter et de vendre des bitcoins facilement dans plusieurs pays. Il offre un service de stockage hors ligne, une fonction d'importation et plusieurs outils marchands.</p>
<p><a href="https://bips.me/">Visiter le site</a></p>
</span>
</div>
<a href="https://bips.me/"><img src="/img/clients/lo-bips.png" alt="BIPS" />BIPS</a>
</span>
<span id="coinbase">
<span class="walletnormal">
</div>
<div id="coinbase">
<div class="walletnormal">
<h2>Coinbase</h2>
<div></div>
<span></span>
<p>Coinbase est un porte-monnaie web qui vise à être le plus facile à utiliser. Il offre aussi une application Android, des outils marchands et une intégration avec les comptes bancaires US pour acheter et vendre des bitcoins.</p>
<p><a href="https://coinbase.com/">Visiter le site</a></p>
</span>
</div>
<a href="https://coinbase.com/"><img src="/img/clients/lo-coinbase.png" alt="coinbase" />Coinbase</a>
</span>
<span id="instawallet">
<span class="walletnormal">
</div>
<div id="instawallet">
<div class="walletnormal">
<h2>Instawallet</h2>
<div></div>
<span></span>
<p>Instawallet est un porte-monnaie web offert par Paymium sous sa forme la plus simple. Chaque visiteur obtient un porte-monnaie sans inscription. Celui-ci peut ensuite être ré-utilisé en accédant à son adresse secrète.</p>
<p><a href="https://instawallet.org/">Visiter le site</a></p>
</span>
</div>
<a href="https://instawallet.org/"><img src="/img/clients/lo-instawallet.png" alt="instawallet" />Instawallet</a>
</span>
</div>
</div>
</div>