Arrondir les angles [Résolu]

Mozilla Firefox 3 affiche bien les propriétés du css3.

Pour ma part j'utilise Mozilla Firefox 3.0.7 et ça fonctionne sans problème.

Par contre la même page visualisée sous IE 7 fait froid dans le dos :)

Safari arrondi un peu, mais il ne prend pas en compte toutes les options.

Netscape 9 nous fait un arrondi de la bordure, mais pas de l'image de fond,
ce qui n'est vraiment pas jolie.

- Pour Mozzilla Firefox 3 : -moz-border-radius:10px 20px;
(ici les angles supérieur gauche et inférieur droit arrondi avec la valeur 10px, les angles supérieur droit et inférieur gauche arrondi avec la valeur 20px)

-Pour Netscape, Safari... : -webkit-border-radius:10px 20px; (c'est sensé donné la même chose, mais les navigateurs sont pas encore au point)

J'ai mis 2 valeurs, mais on peut en mettre qu'une seul (tout les angle arrondi avec la même valeur).
On peut mettre 4 valeurs (angle supérieur gauche, supérieur droit, inférieur droit, inférieur gauche).

bonjour tout le monde, bon j'ai lu la plus part des postes je vais vous dire:
faire des coins arrondis avec css a était disponible depuis la sortie de "CSS2" mais cela n'était pas trop compatible avec les navigateur mais plus maitnent! je crois qu'il reste que IE(internet explorer) qui n'est pas très compatible et le plus compatible des navigateurs est GOOGLE CHROME! je vous assures!
voici les balise a utiliser:
-webkit- (comme balise generale)
-o- (pour opera)
-moz- (mozilla)
-khtml- (khtml)
-icab- (icab sous iMac)



pour voire le tuto cliquez
http://coolblog.0fees.net/coins.php

tout simplement en utilisant la propriété css3 border-radius qu'aucun navigateur ne prend en charge.

donc pour le moemnt, il y a soit des scripts javascripts soit du css2 avec des images
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/


la méthode spiffy est intéressante et complètement en css et sans images
http://www.spiffycorners.com/

Vous pouvez essayer de crèer des rectangles à coins arrondis en utilisant certaines applications en ligne, dont notamment celle du site: http://www.boxesntabs.com . le site vous permet en outre de crèer des onglets aux coins arrondis.