Je me bagarre avec border radius pour obtenir le même effet que dans
l'exemple 3 (et 7) de cette page :
http://www.the-art-of-
web.com/css/border-radius/ (angle arrondi en haut à gauche et en bas à
droite, angle droit ailleurs.) pour une div.
J'ai donc mis :
border-radius: 30px 0;
-moz-border-radius: 30px 0;
-webkit-border-radius: 30px 0;
Malheureusement, j'obtiens des angles arrondis aux 4 coins comme si j'avais
mis simplement border-radius: 30px;
Le résultat est le même pour Opera, Safari et Firefox. J'ai donc essayé la
syntaxe indiquée sur le site mentionné plus haut :
border-bottom-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-webkit-border-top-left-radius: 30px;
C'est plus long et pas mieux. Je suppose qu'il y a quelque chose d'évident
que je n'ai pas vu, mais quoi ?
--
Pascale
http://www.la-grille-verte.net