[CSS] - une div aux bords arrondis ?

:salut:

Tout est dans le titre :) comment faire un rendu arrondis aux bords d'une div en passant par le css? y a t il un propriétés quelconque on bien faut bidouiller avec des images?

Bidouille avec des images !!!!
Pas d'autres solution à ma connaissance :?

Si tu veux destiner ton site qu'à des utilisateurs de FF tu peux utiliser la propriété :

Code:

---

-moz-border-radius

---

Sinon, il faut y'aller avec les images. A priori il y'a déjà des post qui traitent de ce sujet....

Malheureusement c'est pour un site grand public donc je vais bidouiller :)

merci ;)

Citation:

---

Envoyé par xmarabout

Bidouille avec des images !!!!
Pas d'autres solution à ma connaissance :?

---

Et pourtant si il y en a des solutions avec CSS et sans image, la preuve : http://pro.html.it/esempio/nifty/

Citation:

---

Envoyé par jérôme

Citation:

---

Envoyé par xmarabout

Bidouille avec des images !!!!
Pas d'autres solution à ma connaissance :?

---

Et pourtant si il y en a des solutions avec CSS et sans image, la preuve : http://pro.html.it/esempio/nifty/

---

Oui, la solution des Nifty Corner, même si elle repose sur un langage de script, semble être la meilleure actuellement en attendant le support des border-radius.

Non, elle ne repose sur un langage de script que pour l'automatisation de la tâche, mais tu peux très bien CSS-coder tous tes styles.
Le défaut je trouve, c'est l'introduction de balises supplémentaires - qui n'ont pas intrinsèquement de sens - qui ne servent à rien si ce n'est à servir de support pour les styles, un peu comme l'utilisation abusive de div.

Très bon lien que je ne connaissais pas... merci du renseignement... :wink:

Citation:

---

Envoyé par jérôme

Non, elle ne repose sur un langage de script que pour l'automatisation de la tâche, mais tu peux très bien CSS-coder tous tes styles.
Le défaut je trouve, c'est l'introduction de balises supplémentaires - qui n'ont pas intrinsèquement de sens - qui ne servent à rien si ce n'est à servir de support pour les styles, un peu comme l'utilisation abusive de div.

---

Que veux-tu dire par "automatisation des tâches".

J'avoue ne pas avoir testé, mais sans la fonction JS, aucun arrondi n'est généré :

Code:

---

1 2 3 4 5 6 7

<script type="text/javascript"> window.onload=function(){ if(!NiftyCheck()) return; Rounded("div#nifty","#377CB1","#9BD1FA"); } </script>

---

En fait le javascript n'est là que pour ajouter à l'aide des méthodes du DOM les balises (b et i) nécéssaires pour faire les courbures aux éléments voulus. Mais tu peux très bien t'en passer et les ajouter "en dur" dans le code HTML et donc te passer du code javascript.

Hmm merci pour les explications.
En fait, je me trompais complètement sur cette technique. Je croyais vraiment que les arrondis étaient réalisés avec JS alors qu'en fait il ne s'agit que d'empiler et rajouter 6 éléments de structure :(

Bof bof en fait :-/
Je prefère encore créer des arrondis graphiques.

http://www.cssplay.co.uk/boxes/krazy.html

marche sous IE et FF

pas mal ton lien oluha ... ça m'inspire ça ... je vais créer d'autres formes ...