Rogner une image en css

[Anonymus]

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.

[Sebastien]

Je peux pas trop répondre mais peut etre que cet article de ALA pourrait t'inspirer? http://www.alistapart.com/articles/sprites/

[LaurentDenis]

En CSS, tu utilises la propriété clip.

Tiens... ça fait un bout de temps que je n'ai pas testé son support

[LaurentDenis]

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

[LaurentDenis]

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

[LaurentDenis]

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;
}

[ste]

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

[LaurentDenis]

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

[Anonymus]

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.