Discussion :

[10-nice]

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?

[xmarabout]

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

[Perceval]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

-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....

[10-nice]

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

merci

[jérôme]

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/

[SIBELIUS]

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.

[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.

[Perceval]

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

[SIBELIUS]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[jérôme]

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.

[SIBELIUS]

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.

[Oluha]

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

marche sous IE et FF

[SpaceFrog]

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