Faire un rectangle aux coins arrondis en CSS
Par j0k le vendredi 18 mars 2005, 04:19 - 8908 vuesVoila un article bien complet sur comment réaliser un rectangle avec des jolis bord arrondis. Le codeur n'a pas utilisé seulement le CSS mais aussi quatre petites images qui forment les coins.
On aurait très bien pu le faire seulement avec du CSS, grace à -moz-border-radius mais seulement compatible avec mozilla/firefox ou encore avec border-radius, mais ça c'est du CSS3 ... et je connais pas beaucoup de navigateurs qui supportent le CSS3, même aucun.
Sur j0k3r.n3t, tous les arrondis sont gérès dans des tableaux mixés à des images le tout dans du css ... oula c'est pas très beau. Mais je vous promets une v3 (pour quand ?...) toute pleine de CSS, rapide à charger, valide Xhtml Strict ... et tout et tout !
En attendant voici le lien pour l'article, qui est à mettre dans vos favoris ... euh ... marque-pages ^^
3 commentaires en tout !
KDE 3.4 ChangeLog : > KHTML part KHTML: add rich text clipboard copy support John Tapsell <john@geola.co.uk> DOM Inspector: plugin which allows monitoring and manipulation of the DOM tree on the fly. Zack Rusin <zack@kde.org> KHTML: Complete CSS 2.1 support (not certified) Allan Sandfeld <kde@carewolf.com> KHTML: CSS2.1 white-space:pre, pre-wrap and pre-line Allan Sandfeld <kde@carewolf.com> KHTML: CSS2.1 Generated content: Counters and quotes Allan Sandfeld <kde@carewolf.com> KHTML: CSS3 text-shadow property Allan Sandfeld <kde@carewolf.com> KHTML: CSS3 Selectors(only missing :checked and :indeterminate) Allan Sandfeld <kde@carewolf.com> KHTML: Draw frame with loading indicator around to-be-loaded images (#93213) Helge Deller <deller@kde.org>, Leo Savernik <l.savernik at aon dot at>, Germain Garand <germain@ebooksfrance.com> KWallet Integration: fully asynchronous George Staikos <staikos@kde.org> Status indicator when using useragent spoofing George Staikos <staikos@kde.org>
w00t! :)
(J'te rassure, l'index du Forum est toujours aussi foireux ^^)
J'en doute pas ... konqueror en bwa
S'twa qu'es en bois !! :o)))
Pensez à vous inscrire !