Coins arrondis

[atsazooberman]

Je voudrais avoir lavis de personnes qui ont déja était confronté aux problémes des coins arrondis pour des designs flexibles, qui est un vrai casse tête. Lhistoire commence souvent par un chouette design tendance envoyer à votre client qui a en plus un écran de 1400px donc pas question de faire des largeur fixes et vous finissez avec le cerveau qui fume pour des malheureux coins arrondis. Evidement la solution la plus simple cest de ne jamais envoyer des designs aux coins arrondis à votre client, mais bon quand le mal et fait comment faites vous ?

Jai essayé de faire le tour des techniques concernant les coins arrondis, jai commencé par imbriquer des divs mais ça fait vraiment trop de div, puis jai utilisé NiftyCube qui fini toujours par foiré sur IE puis finalement je me suis tourné vers une solution dont la procédure est décrite ici : http://www.sitepoint.com/article/rounded-c...-css-javascript. Lidée cest dutiliser un javascript qui crée quatre divs, une pour chaques coins et de mettre une image pour chaque coin, cest léger, facile à mettre en place et surtout ça pourrit pas le code html. Jai fait un test sur un site qui nest pas celui de mon fameux client à lécran de 1400px, pour valider la technique avant son site. Vous pouvez voir ce test ici :

http://www.floreslibres.org/-Quienes-somos-.html

Merci de vos avis et vos solutions

[Régis]

Bonjour 'atsazooberman',

Et bienvenue sur Webmaster-HUB (c'est ton 1er post). D'ailleurs, si tu le désires, tu peux te présenter dans le sous-forum : Les nouveaux membres se présentent. Les HUBmasters apprendront, ainsi, à mieux te connaître...

D'autres membres, plus pro dans ce domaine que moi, vont sûrement donner leurs expériences.

Les rares fois, où je me suis intéressé aux angles arrondis, j'ai utilisé ces infos : Faire un cadre arrondi ou graphique en CSS et XHTML et CSS Rounded Box Generator...

[kazhar]

PHPMyBorder peut également te permettre de faire des coins arrondis.

[atsazooberman]

Merci de votre accueil,

Je ne connaissais pas PhpMyBorder, c'est pas mal, ça fait un peu comme NiftyCube mais en php, c'est a dire que ça rajoute des balise avec une proprité css "height 1px etc..." . Le probléme de ça c'est que c'est pas trés flexible dans le sens ou ce ne sont pas des images donc c'est un style un peu particulier, ceci dit dans certains cas c'est vraiment trés bien, par exemple si les cadres sont de couleurs claires avec de faibles rayons, ça marche au top.

Modifié 9 Novembre 2006 par atsazooberman

[lamaprod]

Bonjour,

Le cas des coins arrondis est facilement gérable avec les CSS mais c'est vrai qu'il faut imbriquer des DIV. Voici les exemples pour cette technique (avec la technique expliquée):

http://www.svay.com/coins_arrondis/coins_arrondis.html

http://www.alsacreations.com/articles/cadre/

et pour les très curieux

http://www.alistapart.com/articles/customcorners/

Il y a aussi ça : http://developpeur.journaldunet.com/tutori...e-arrondi.shtml

En espérant que celà soit utile.

Modifié 14 Novembre 2006 par lamaprod

[atsazooberman]

Merci beaucoup pour les liens

sutout cray corners, c'est vraiment épatant comme méthode en plus, ultra rapide à charger. Je continue l'exploration et je posterais mes choix.

A+