{"id":2152,"date":"2005-04-02T18:32:59","date_gmt":"2005-04-02T18:32:59","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=2152"},"modified":"2005-04-02T18:32:59","modified_gmt":"2005-04-02T18:32:59","slug":"250-une-technique-inutile-de-remplacement-par-une-image","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/250-une-technique-inutile-de-remplacement-par-une-image\/","title":{"rendered":"Une technique inutile de remplacement par une image"},"content":{"rendered":"<p>J&#8217;avais trouv\u00e9 une technique il y&#8217;a un moment pour remplacer du texte par une image. Malheuresement elle a beaucoup de d\u00e9fauts:<\/p>\n<ul>\n<li>elle ne fonctionne pas avec les navigateurs ne comprennant pas :after (je vise Internet Explorer en particulier)<\/li>\n<li>lorsque les images sont d\u00e9sactiv\u00e9es mais pas la feuille de style, le contenu remplac\u00e9 risque d&#8217;\u00eatre tronqu\u00e9<\/li>\n<\/ul>\n<p>Cependant je vous la livre tout de m\u00eame, juste pour le fun.<\/p>\n<p><!--more--><\/p>\n<p>Tout d&#8217;abord, le contenu \u00e0 remplacer:<\/p>\n<pre> <code> &lt;div class=\"ir\"&gt;svay.com&lt;\/div&gt; <\/code> <\/pre>\n<p>Ensuite la feuille de style:<\/p>\n<pre> <code> .ir{ \tline-height: 0; \theight: 65px; \twidth: 190px; \toverflow: hidden; } .ir:after{ \tcontent: url(title.jpg); } <\/code> <\/pre>\n<p>Ce qui donne le r\u00e9sultat suivant:<\/p>\n<div id=\"post250ir\">svay.com<\/div>\n","protected":false},"excerpt":{"rendered":"<p>J&#8217;avais trouv\u00e9 une technique il y&#8217;a un moment pour remplacer du texte par une image. Malheuresement elle a beaucoup de d\u00e9fauts:<\/p>\n<ul>\n<li>elle ne fonctionne pas avec les navigateurs ne comprennant pas :after (je vise Internet Explorer en particulier)<\/li>\n<li>lorsque les images sont d\u00e9sactiv\u00e9es mais pas la feuille de style, le contenu remplac\u00e9 risque d&#8217;\u00eatre tronqu\u00e9<\/li>\n<\/ul>\n<p>Cependant je vous la livre tout de m\u00eame, juste pour le fun.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2152"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=2152"}],"version-history":[{"count":0,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2152\/revisions"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=2152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=2152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=2152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}