16 réponses
A la limite tu peux utiliser Roundies !
Je cite :p
Tiens :)
http://www.dillerdesign.com/experiment/DD_roundies/#download
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
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 !
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 !
Laisse tomber les fieldset, c'est fait pour les formulaires => c'est du détournement de balise ;)
Pour les tableaux c'est très simple, tu déclares des border-radius pour <table>
Et tu peux appliquer ça aussi à des div.
Pour les tableaux c'est très simple, tu déclares des border-radius pour <table>
table {
border:1px solid black;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
Et tu peux appliquer ça aussi à des div.
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
-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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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;
}
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;
}
Oui j'ai oublier de préciser ! Comme dis ce tuto:
https://www.xul.fr/css/fieldset.php
A priori les filedsets sont de base arrondi sur IE (Voir pour IE 8 :/ )
<!--[if !IE]><!-->
<style>
.fieldset
{
-moz-border-radius:8px;
}
</style>
<!--<![endif]-->
https://www.xul.fr/css/fieldset.php
A priori les filedsets sont de base arrondi sur IE (Voir pour IE 8 :/ )
<!--[if !IE]><!-->
<style>
.fieldset
{
-moz-border-radius:8px;
}
</style>
<!--<![endif]-->
merci et pour répondre justement je veut arrondir les coin de mon fieldset
donc ca serai comme cela
donc ca serai comme cela
<!--[if !IE]><!-->
<style>
.fieldset
{
-moz-border-radius:8px;
}
</style>
<!--<![endif]-->
fieldset
{
-moz-border-radius:5px;
}
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
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
ça marche sous chrome et Mozilla Firefox
mais maintenant il faut que je m'occupe de internet explorer
(I hate internet explorer 6 et +)
mais maintenant il faut que je m'occupe de internet explorer
(I hate internet explorer 6 et +)
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.
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
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...
Bon, enfin : bien gentil ton tuto, mais quelle usine à gaz et quelle sollicitation de serveur pour 4 malheureux coins arrondis...
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
ou alors il y a une autre solution :
faire une présentation différente pour IE
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 ....
https://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html
je l'utilise pour mon site pour IE
-moz-border-radius pour Firefox
border-radius pour opera
et -webkit-border-radius pour safari
ainsi on couvre la plupart des navigateurs
-webkit-border-radius (elle marche pour chrome je l'ai )
est ce qu'il va couvrir opera
tout simplement (comme si sils pouvaient pas tous le faire :/
quoi il fait &=:@*# se naviagteur