[Résolu] Crop image CSS

Bonjour

J'ai des vignettes sur un site que je voudrais afficher en format carré.
Une solution consisterait à croper en php la vignette lors de sa création.

Mais ça m'obligerait a renvoyer toutes les images déjà uploader.

Comment faire une DIV carré qui contiendrait juste l'image et n'afficherait pas ce qui en dépasse.

Merci
Modifié par joxp (01 Feb 2007 - 09:29)

 <div style="overflow:hidden; width:100px; height:100px; display:block; margin:0 auto;">

<img src="img/reference/<?=$row_ref['image']?>" border=0 alt="<?=$row_ref['nom_marque']?> " style="margin-top:5px; " />

</div>

bon voila ma solution

Bonjour,

Les mettre simplement en background !

nan c'est mauvais en BG, pas de alt ni rien , nan c'est bon, ma solution marche

Bonjour,

Ta solution est tout à fait bonne, en effet. Tout comme le souci de ne pas faire de pseudo-images d'arrière-plan CSS


Je signale juste une alternative: la propriété CSS clip, qui est explicitement destiné à cet usage (rogner un contenu).

tu peux donner le code pour cette propriété clip, je ne la connais pas.

joxp a écrit :
tu peux donner le code pour cette propriété clip, je ne la connais pas.

Google : css clip

gros naze de clb, ce n'est pas a toi que je m'adressais, ça m'énerve ces réponse va voir google.
ça fait avancer personne !

Ben pourquoi tu dis que je suis un gros naze...

C'est pas gentil ça... Et pas très poli non plus.

En plus c'est même pas vrai. Je suis pas un gros naze, et je suis pas gros tout court.

Et puis le lien que j'ai donné il est bien je crois par rapport à ta demande.

<edit>
Mais bon je reformule si tu préfères :
1. faire un recherche
2. rationnaliser la recherche avec les mots clés suivant :
. clip pour le terme lui même
. css pour le contexte
</edit>
Modifié par clb56 (01 Feb 2007 - 10:14)

joxp a écrit :
gros naze de clb, ce n'est pas a toi que je m'adressais, ça m'énerve ces réponse va voir google.
ça fait avancer personne !

Merci de bien vouloir se calmer un peu.

Le lien proposé par clb56 me semble tout à fait pertinent : la première réponse donnée par Google propose une explication détaillée et la syntaxe de la propriété clip.
En quoi cela ne répond-il pas parfaitement à ta question ?

joxp a écrit :
ce n'est pas a toi que je m'adressais

J'oubliais : si tu ne veux t'adresser qu'à certaines personnes et non à l'ensemble du forum, merci d'utiliser les Messages Privés qui sont faits pour cela.

Juste un mot pour signaler que la page mediabox contient tout de même d'énormes sottises sur le support et la syntaxe de clip


<edit>Cela n'excuse absolument pas le "gros naze" dans ton message, joxp.</>
Modifié par Laurent Denis (01 Feb 2007 - 10:18)

non ça ne réponds pas a ma question, envoyé un lien google plutot qu'un bout de code expliquer, je suis désolé c'est sans intéret.

Pardon de m'emporter mais ça m'énerve , autant ne rien répondre, si c'est pour donner un lien google...


Car j'ai qd même été voir ce lien... et

 <div style="clip: rect (10px, 10px, -10px, 10px) ; overflow:hidden; ">
<img src="img/reference/<?=$row_ref['image']?>"  border="0"  />	</div>

...et a priori ,c'est pas comme ça que cela fonctionne, hors si qqun m'avais copier un code qu'il a déjà utilisé, jaurais gagné du temps, et les gens qui ont le meme probleme un jour auraient gagné du temps aussi

Laurent Denis a écrit :
Juste un mot pour signaler que la page mediabox contient tout de même d'énormes sottises sur le support et la syntaxe de clip

Peut être mais le troisième lien de la recherche est mieux
Modifié par clb56 (01 Feb 2007 - 10:20)

Voir ici

sujet fermé à titre préventif...