Discussion :

[Christophe Charron]

Bonjour,
j'aimerai savoir s'il existe, dans le standard css l'équivalent de la propriété
-moz-image-region

En effet, dans une feuille de style dédiée navigateur Firefox, j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.ab01{ list-style-image: url(_icones.png); -moz-image-region: rect( 20px  18px  37px   1px); }

qui fonctionne très bien et qui m'affiche la partie que je veux, qui correspond à un carré de 18 par 18 depuis un seul fichier qui contient plein d'images de 18 par 18.

Je sèche en essayant d'appliquer à une liste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

li.ab01{ background: url(_icones.png); background-position: 1px 18px; width: 19px; height: 18px;}

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background: url(_icones.png) 15px 1px no-repeat;

D'avance merci pour votre aide ...

[Christophe Charron]

Bonsoir,
je me réponds à moi-même car cela peut servir à d'autres ...

On appelle cela les sprites CSS et on trouve d'excellents tutos sur Internet.

[Muchos]

Non. L'équivalent à la propriété -moz-image-region est la propriété clip.

Les sprites css sont une technique… qui correspond très bien à ce que vous voulez faire

[Christophe Charron]

Merci d'avoir apporté ces précisions. Faut toujours être précis.