Discussion :

[pierrot10]

Bonjour,

Je cherche toujours une solution, avec jQuery, pour avoir des courner roundi.
Pour le moment, j'utilise une soltuion qui fonctionne mais pas pour tout.

Ceci fonctionne bien
http://www.dillerdesign.com/experiment/DD_roundies/

Le probleme est le suivant:
Si avec DD_roundis j'applique un aroundi sur un div qui contient une image,
l'image disparait.. Si j'enlère l'aroundi. L'image s'affiche.

Donc DD_roundie fonctionne pas avec un conteneur qui contien une image (<img>)

J'aimerais savoir si vous connaissiez une solution jQuery qui me permettrait d'avoir des aroundi sur un conteneur, sur une image, ou sur un conteneur qui contient une image?

Je vous remercie et vous souhaite un bon week-end.

[MrPringle]

CSS sur une grande partie des browsers (tous sauf IE je crois). Si tu as jQuery UI, utilises les classes ui-corner-... (Regarde le fichier css pour le détail), la plus courante étant "ui-corner-all" qui arrondit tous les coins.

[danielhagnoul]

Bonsoir

Il y a aussi un vieux plugin, avec les nouveaux navigateurs il utilise automatiquement le CSS.

http://jquery.malsup.com/corner/

[pierrot10]

Bonjour Merci pour vos réponses,

J'ai essayé avec jquery.corner.js et ca fonctionne sauf que ca agit sur l'image.
Le problème qui se pose maintenant, c'est que le div qui englobe mon image a un border:1px solid #cccccc;

En appliquant l'arrondi avec jquery.corner.js, il arrondi bien l'image mais il supprime le border 1px solid et ça me pose un problème.

Concernant jquery UI, j'ai cherché mais j'ai pas compri comment appliquer ceci.
Pourrais-je avoir plus de détail?

Merci pour votre aide

[MrPringle]

La version jQuery UI est du pur CSS, une fois le style chargé sur ta page, tu ajoutes simplement la classe "ui-corner-all" sur les éléments dont tu veux arrondir les angles.
Ça fonctionne sur tous les blocs : div, images... Et sur tous les browsers sauf IE.

[pierrot10]

Ha ben zut, c'est pour IE que j'en ai besoin