Arrondir les angles
Résolu
b3n
-
david -
david -
Bonjour,
j'aimerai savoir comment arrondir les angles de mes cadres.
merci
j'aimerai savoir comment arrondir les angles de mes cadres.
merci
A voir également:
- Arrondir les angles
- Js arrondir - Forum Javascript
- Javascript arrondir à 2 décimales - Forum Webmastering
- Excel arrondir au 0.5 supérieur ✓ - Forum Excel
- Arrondir à 2 décimales après la virgule - calculateur javascript ✓ - Forum Javascript
- Arrondir les angles d'une image powerpoint ✓ - Forum Photo numérique
5 réponses
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).
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
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/cgi-sys/suspendedpage.cgi
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/cgi-sys/suspendedpage.cgi
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question