[Résolu] L'équivalent de Border radius en css 2

Salut tout le monde,

J'aimerai savoir comment arrondir les coins avec css 2.1 au lieu de css 3 avec Border radius.

Merci d'avance.
Modifié par Youn (04 Oct 2011 - 13:37)

Salut,

avec des images que tu passes par le fichier CSS en background. Sous Photoshop, tu les découpes avec la fonction enregistrer pour le web.

EXEMPLE:

header {

background: #fff url('ton_image.png');

}

Modifié par jmlapam (03 Oct 2011 - 22:01)

Bonsoir,

border-radius est une propriété introduite par CSS 3...
Quel est le souci ?
Pourquoi css 2.1 ?
Une petite visite dans la section Apprendre pour trouver d'autres solutions que css pour arrondir les angles

Y a que du CSS3 quand tu tapes arrondis dans la section apprendre, apparemment ce n'est pas ce qu'il souhaite.
Sinon c'est sur que cet article est très bien.
Modifié par jmlapam (03 Oct 2011 - 22:05)

jmlapam a écrit :
Y a que du CSS3 quand tu tapes arrondis dans la section apprendre, apparemment ce n'est pas ce qu'il souhaite.
Sinon c'est sur que cet article est très bien.

C'est bien à ce tutoriel que je faisais allusion et notamment aux liens en référence...
Nous sommes loin du css3...(image(s), Javascript, bidouilles...)

Au temps pour moi, j'utilise que du CSS3, j'auraiS du plus fouiller quand j'ai eu recours à cet article.

Salut,
Merci pour vos réponses, jmlapam et 6l20.

6l20 a écrit :
Quel est le souci ?
Pourquoi css 2.1 ?

Le patron veut voir le code css valide w3c avec css 2.1 et que je ne dois pas ajouter n'importe quoi avec css3. Donc impossible pour moi d'utiliser border radius.
Ce que j'avais fait c'est: border-radius, avec aussi les hacks: -moz et -webkit. Plus, le script roundies.js qui se trouve dans l'article que vous avez mentionné pour fixer le problème avec IE.

Si je comprends bien, ce qui me reste à faire c'est de découper les coins sur Photoshop et utiliser plusieurs div pour que ça fonctionne, c'est ça?

Oui.

Youn a écrit :
Le patron veut voir le code css valide w3c avec css 2.1 et que je ne dois pas ajouter n'importe quoi avec css3. Donc impossible pour moi d'utiliser border radius.
Ce que j'avais fait c'est: border-radius, avec aussi les hacks: -moz et -webkit. Plus, le script roundies.js qui se trouve dans l'article que vous avez mentionné pour fixer le problème avec IE.

Si je comprends bien, ce qui me reste à faire c'est de découper les coins sur Photoshop et utiliser plusieurs div pour que ça fonctionne, c'est ça?

Il est également possible de lui expliquer que le validateur n'est pas encore très au point avec les CSS3 et que ce que tu appelle "hack" (alors que ce sont de simples préfixes) est tout à fait valide en réalité. Se priver d'une fonctionnalité existante et plutôt bien implémentée parce que "c'est pas valide CSS 2", c'est idiot.

Laurie-Anne a écrit :
Il est également possible de lui expliquer que le validateur n'est pas encore très au point avec les CSS3 et que ce que tu appelle "hack" (alors que ce sont de simples préfixes) est tout à fait valide en réalité. Se priver d'une fonctionnalité existante et plutôt bien implémentée parce que "c'est pas valide CSS 2", c'est idiot.

Je vais essayer.
Merci pour la correction, je vais faire la différence entre préfixe et un hack, je me perds encore dans le nom de chaque truc.