Bords arrondis ?

Bords arrondis ? - HTML/CSS - Programmation

Marsh Posté le 30-11-2009 à 22:02:51    

Bonsoir à tous !
 
Bon, un sujet maintes fois traités, mais je n'ai pas vraiment trouvé de réponse satisfaisante, alors je retente ma chance.
 
Je suis en train de créer un site en php. Il y aura des sortes de "messages" qui apparaitront sur une page. J'aimerais que chaque message soit dans un cadre aux bords arrondis (exactement comme sur le site www.viedemerde.fr en fait, pour donner un exemple  :D ). Je comptes faire d'autres cadres arrondis ailleurs sur mon site d'ailleurs.
Le site est extensible, il faut donc que la box soit ajustable en hauteur (taille du message) et en largeur (résolution). Si on utilise la méthode de l'image il faudrait donc 4 coins.
J'utilise les tutoriels du siteduzero généralement :
http://www.siteduzero.com/tutoriel [...] s-div.html
 
Bon a priori, il n'y a pas vraiment de méthode propre, mais ca ressemble vraiment à du gros bricolage avec 9 div etc... Et en plus, en regardant la source de forums en phpBB ( http://www.phpbb-fr.com/ par exemple) qui utilisent ce type de cadres arrondis, j'ai remarqué l'utilisation de deux classes CSS corners top et corners bottom...et non de 9 ?  [:marllt2]  
 
Bref, pas tout compris. Il y a vraiment rien de plus simple (sans utiliser moz-border-radius bien sur) ?  
 
Si ca peut aider, en faisant une recherche sur hfr je suis tombé sur ca en Anglais :
http://www.cssjuice.com/25-rounded [...] -with-css/
C'est cool 25 techniques mais c'est 24 de trop :whistle:. Vous pourriez m'aider à "choisir", et m'expliquer les bases du trucs ?  Ca reste très flou pour moi là.
 
Merci pour votre aide ! Je peux préciser certains points pas assez clairs si besoin.  :jap:


Message édité par Elfe Errant le 30-11-2009 à 22:03:49
Reply

Marsh Posté le 30-11-2009 à 22:02:51   

Reply

Marsh Posté le 30-11-2009 à 23:32:47    

Non, rien de simple.
Je te conseille de regarder le code produit par Nicole Sullivan comme exemple d'oocss
http://www.stubbornella.org/conten [...] eo-on-ydn/
http://wiki.github.com/stubbornella/oocss
 
Tu as des boites extensibles, une grille, etc

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed