coin arrondi en css Fermé

Question

bonjour  
je suis en train de créer un site et  pour le design je voudrai mettre des coin arrondi  
est ce que qqn sais comment faire ???? 


merci pour toute les reponce donne 

Configuration: Windows XP / Safari 532.5

Maxou88100 · Accepted Answer

A la limite tu peux utiliser Roundies ! 

Je cite :p


Alsacreation

Roundies, c'est quoi ?

Roundies est un petit JavaScript de 8 ko très simpliste qui se contente de réaliser ce qu'on lui demande, des angles arrondis sur IE sans image et sans ajouter de contenu inutile.
Nous n'allons l'appliquer qu'à Internet Explorer puisqu'il nous servira de béquille pour ce navigateur tant qu'il ne reconnaîtra pas border-radius.
Notez que Roundies ne fonctionnera pas sur les images d'arrière-plan et qu'il est malheureusement inopérant sur Opera.

Tiens :)

http://www.dillerdesign.com/experiment/DD_roundies/#download

youplay · Answer

pour arrondir les coins il y a plusieurs solutions:
-mettre des images dans ton div
ou bien 
-utiliser dans le css l'attribut border-radius il me semble.

Seul inconvénient, border radius n'est pas pris en compte par IE
il faut donc utiliser un script, il me semble que quelqu'un a développé roundies qui arrondi les coins sur IE

Maxou88100 · Answer

Salouti :)

Tu peux utiliser la balise <fieldset> qui va encadrer le contenue ! C'est propre, c'est beau, c'est pas cher ! Et cerise sur le gâteau tu peux même arrondir les coins :p

fieldset
{
  -moz-border-radius:5px;
}

Utilisateur anonyme · Answer

merci et pour répondre justement je veut arrondir les coin de mon fieldset donc ca serai comme cela fieldset { -moz-border-radius:5px; }

Maxou88100 · Answer

Pas du tout :p

Regarde ce tutoriel:

https://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

-moz-border-radius:5px; va s'appliquer à firefox ! 
Pour IE, utilise Roundies !

Utilisateur anonyme · Answer

ok je ne comprend pas je viens de tester sous internet explorer 6 je crois 
et sa marche il y a un bug

si vous êtes sous Windows et que vous avez internet explorer  tester cette page 


https://www.alsacreations.com/xmedia/tuto/exemples/arrondis/arrondi.html

qui le premier lien avec le premier technique de ce site

https://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

Utilisateur anonyme · Answer

ça marche sous chrome et Mozilla Firefox  
mais maintenant il faut que je m'occupe de internet explorer 
(I hate internet explorer 6 et +)

Utilisateur anonyme · Answer

est ce que c'est possible de faire des coin arrondi en CSS sur un tableau ????

Utilisateur anonyme · Answer

up
up
up

Pascal · Answer

Salut, je te conseillerais plutôt d'utiliser des images pour les coins arrondis, puisque css3, internet explorer n'en mangeras pas, et puis du javascript juste pour des coins arrondis, c'est un peu trop. Utilise des images, c'est la solution la plus simple à mon avis.

vitch · Answer

Tu peux trouveras un tutoriel ici pour le faire grâce à PHP : http://www.lecoindunet.com/le_coin_du_d%c3%a9veloppeur/tutoriel_%3a_cr%c3%a9er_un_rectangle_arrondi_avec_php_et_css

notobe · Answer

C'est quoi l'intérêt de mettre un lien vers un site qui verrouille ses articles ?!!

vitch · Answer

Je viens de tester ca fonctionne. Tu peux réessayer

notobe · Answer

ah ah "je viens de tester"... Tu nous prends pour des gourds ? Dis plutôt "je viens de corriger" ! 

Bon, enfin : bien gentil ton tuto, mais quelle usine à gaz et quelle sollicitation de serveur pour 4 malheureux coins arrondis...

Utilisateur anonyme · Answer

oui mais si je dois changer les couleur  la présentation sa sera plus simple avec des bordure en css ou en javascript  car  les image cela me fait qu'il faut les retoucher a chaque fois en css c'est plus simple 

ou alors il y a une autre solution :

faire une présentation différente pour IE

vitch · Answer

J'ai testé le script, il s'exécute en 0.0005s. Je ne crois pas qu'il sollicite trop le serveur. Le but est générer automatiquement les coins en image plutôt que de les créer soit même. Tout dépend de tes besoins. Tu peux très bien aussi créer quatre images manuellement et les mettre dans un tableau.  Le résultat sera le même. il faut simplement ajouter la propriété table-layout: fixed; sur la balise <table> pour IE6 et Chrome. Les rectangles arrondis affichés avec ce script sont compatibles avec IE6 et >, FF, Chrome, Opéra, safari ....

Coin arrondi en css

16 réponses

Discussions similaires