Afficher partielement un image

J'ai une petite question: est ce qu'on peut choisir d'afficher une certaine partit d'une image ???

Ca doit etre possible:
http://www.google.fr/images/srpr/nav_logo13.png

c'est ce qu'on appelle les sprites. une image en background d'un élément.
Sinon il y a crop mais ce n'est pas pareil.

Bonjour,

Ce n'est techniquement pas possible à l'heure actuelle. Une astuce largement utilisée consiste à avoir un élément auquel on donne des dimensions fixes (20*20px par exemple pour un bouton-icone), et auquel on attribue une image de fond qui contient plusieurs éléments, que l'on cale en utilisant background-position pour afficher un élément précis. C'est la technique des sprites CSS.

Un problème de cette technique c'est qu'elle pose des problèmes d'accessibilité. On peut voir à ce sujet le mini-site didactique suivant: http://www.arespritesaccessible.net/

L'exemple que tu donnes (image utilisée par la page de résultats de Google) est intéressante. Si on utilise cette image avec la technique classique des sprites CSS, on va avoir de gros problèmes d'accessibilité. Mais les développeurs de Google ont apparemment contourné le problème en utilisant des élément IMG (avec un attribut alt) positionné en absolu dans des liens de dimensions fixes en overflow:hidden. Ce n'est pas parfaitement accessible mais c'est un moindre mal.
Modifié par Florent V. (11 Jun 2010 - 19:05)

Donc ca va pas etre possible ?

Eh bien:

- Ce n'est pas directement possible.
- Il y a des astuces permettant de faire quelque chose qui s'en approche, notamment la technique des Sprites CSS. Faire une recherche sur cette technique si elle n'est pas connue.
- Les sprites CSS peuvent poser des problèmes d'accessibilité, donc attention à bien les utiliser. Voir le lien donné précédemment.
- Il y a des variantes de la technique des sprites qui tentent de mitiger les problèmes d'accessibilité. Voir par exemple le logo Google dans les pages de résultats (inspecter le code avec Firebug ou Web Inspector).