Anonymus Posté 12 Août 2004 Partager Posté 12 Août 2004 Bonjour, j'ai une image qui fait 100 X 100 px, et j'aimerais n'afficher que la partie située à 10 px de top, 10 px de right, 10 px de left, 10 px de bottom, autrement dit, n'afficher qu'une petite partie de l'image, le tout en css ou javascript. (Attention, je dis bien une partie de l'image, pas l'image entière rétrécie ) Merci. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sebastien Posté 12 Août 2004 Partager Posté 12 Août 2004 Je peux pas trop répondre mais peut etre que cet article de ALA pourrait t'inspirer? http://www.alistapart.com/articles/sprites/ Lien vers le commentaire Partager sur d’autres sites More sharing options...
LaurentDenis Posté 12 Août 2004 Partager Posté 12 Août 2004 En CSS, tu utilises la propriété clip. Tiens... ça fait un bout de temps que je n'ai pas testé son support Lien vers le commentaire Partager sur d’autres sites More sharing options...
LaurentDenis Posté 12 Août 2004 Partager Posté 12 Août 2004 (modifié) Tiens... ça fait un bout de temps que je n'ai pas testé son support Finalement, j'ai re-testé... [supprimé]et le support de clip ne s'est pas amélioré, puisqu'il est toujours inexistant [/supprimé] [rectification] : IE Win ne semble pas supporter clip. Opera 7.5x et Mozilla le supportent, mais clip est réservé aux éléments en position absolue... [rectification] Modifié 13 Août 2004 par LaurentDenis Lien vers le commentaire Partager sur d’autres sites More sharing options...
LaurentDenis Posté 12 Août 2004 Partager Posté 12 Août 2004 A défaut de clip, une petite astuce de remplacement : .rogne img {position: relative;left: -10px;top: -10px;}.rogne p {width: 80px;height: 80px;overflow: hidden;} et <div class="rogne"><p><img src="..." width="100" height="100" alt="..." /></p></div> Amusant, ça Lien vers le commentaire Partager sur d’autres sites More sharing options...
LaurentDenis Posté 12 Août 2004 Partager Posté 12 Août 2004 Ah... J'oubliais qu'IE est un peu dur de la feuille, et qu'il faut insister un peu avec lui : .rogne img {position: relative;left: -10px;top: -10px;}.rogne p {position: relative;width: 80px;height: 80px;overflow: hidden;} Lien vers le commentaire Partager sur d’autres sites More sharing options...
ste Posté 13 Août 2004 Partager Posté 13 Août 2004 Ah... J'oubliais qu'IE est un peu dur de la feuille, et qu'il faut insister un peu avec lui Pourquoi ? Il est si vieux ... J'ai bel et bien l'impression qu'il y comprend pas gand chose Ok, je sors => [ ] A ciao, bonsoir Lien vers le commentaire Partager sur d’autres sites More sharing options...
LaurentDenis Posté 14 Août 2004 Partager Posté 14 Août 2004 Pour info, j'ai pris un de temps pour documenter la propriété CSS clip, qui est effectivement supportée dans IE, mais avec quelques surprises dues à plusieurs erreurs dans la spécification CSS2. Voir http://blog-and-blues.org/weblog/2004/08/1...-propriete-clip Lien vers le commentaire Partager sur d’autres sites More sharing options...
Anonymus Posté 14 Août 2004 Auteur Partager Posté 14 Août 2004 Bon article, (juste une petite erreur de frappe, pour montrer que j'ai lu jusqu'au bout : Internet Explorer ne lire que la première règle , dernière ligne. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant