Bonjour à tous et à toutes,
Sur notre site on utilise la technique sprites pour limiter le nombre de requêtes http pour les images, on utilisait la façon de google or en navigant sur amazon j'ai vu qu'il utilisait la même technique voici le code :
ceci fonctionne, par contre si je rajoute un DOCTYPE ça bug
Et je ne vois pas pourquoi, étant donné que notre site utilise ce doctype, pas possible d'utiliser cette méthode que je trouve pourtant interressante.
Vous pouvez tester le code tel quel il fonctionne.
Sur notre site on utilise la technique sprites pour limiter le nombre de requêtes http pour les images, on utilisait la façon de google or en navigant sur amazon j'ai vu qu'il utilisait la même technique voici le code :
<html>
<head>
</head>
<body >
<style type="text/css">
.swSprite { display: -moz-inline-box; display: inline-block; margin: 0;padding: 0; position: relative; overflow: hidden; vertical-align: middle;
background: url(http://g-ecx.images-amazon.com/images/G/01/common/sprites/sprite-site-wide._V250604082_.png) no-repeat; }
.swSprite span { position: absolute; left: -9999px; }
.s_email { background-position: -80px -40px; width: 16px; height: 11px; }
.linkImage{border:5px purple; padding-right:5px}
</style>
<div>
<a id="swftext" href=""><span class="linkImage" style="padding-right: 5px;"><span class="swSprite s_email "></span></span>Share with Friends</a>
</div>
</body></html>ceci fonctionne, par contre si je rajoute un DOCTYPE ça bug
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Et je ne vois pas pourquoi, étant donné que notre site utilise ce doctype, pas possible d'utiliser cette méthode que je trouve pourtant interressante.
Vous pouvez tester le code tel quel il fonctionne.