Comment faire des aroundis

pierrot10 · 29/10/2011, 22h40

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 · 29/10/2011, 23h30

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 · 30/10/2011, 00h58

Bonsoir

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

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

pierrot10 · 30/10/2011, 17h36

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 · 30/10/2011, 21h45

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 · 30/10/2011, 21h54

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

SpaceFrog · 31/10/2011, 09h27

il existe pour IE des solutions qui passent par HTC comme csspie ...

29/10/2011, 22h40	#1
pierrot10 Débutant Inscription : mai 2005 Messages : 1 957 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : mai 2005 Messages : 1 957 Points : 615 Points : 615	Comment faire des aroundis 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. __________________ Il ne suffit pas de tout savoir. Vouloir et persévérer, c'est déjà presque tout!
	00

30/10/2011, 00h58	#3
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonsoir Il y a aussi un vieux plugin, avec les nouveaux navigateurs il utilise automatiquement le CSS. http://jquery.malsup.com/corner/ __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

30/10/2011, 17h36	#4
pierrot10 Débutant Inscription : mai 2005 Messages : 1 957 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : mai 2005 Messages : 1 957 Points : 615 Points : 615	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 __________________ Il ne suffit pas de tout savoir. Vouloir et persévérer, c'est déjà presque tout!
	00

30/10/2011, 21h54	#6
pierrot10 Débutant Inscription : mai 2005 Messages : 1 957 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : mai 2005 Messages : 1 957 Points : 615 Points : 615	Ha ben zut, c'est pour IE que j'en ai besoin __________________ Il ne suffit pas de tout savoir. Vouloir et persévérer, c'est déjà presque tout!
	00

31/10/2011, 09h27	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 045 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 045 Points : 45 149 Points : 45 149	il existe pour IE des solutions qui passent par HTC comme csspie ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

29/10/2011, 23h30	#2
MrPringle Membre habitué Mathias Philippe Développeur Web Inscription : septembre 2011 Messages : 75 Détails du profil Informations personnelles : Nom : Mathias Philippe Localisation : Philippines Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : septembre 2011 Messages : 75 Points : 121 Points : 121	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.
	00

30/10/2011, 21h45	#5
MrPringle Membre habitué Mathias Philippe Développeur Web Inscription : septembre 2011 Messages : 75 Détails du profil Informations personnelles : Nom : Mathias Philippe Localisation : Philippines Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : septembre 2011 Messages : 75 Points : 121 Points : 121	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email