lundi 14 juillet 2003. Lien permanent Standards
Une petite astuce CSS m'est communiquée par un lecteur du StandBlog : Coins arrondis en CSS. Cette méthode a l'inconvénient d'imbriquer des DIVs, avec un impact sur le code HTML et la lourdeur qui en résulte. Cela dit, cela peut se justifier dans le cas où l'on ne souhaite pas avoir recours à -moz-border-radius, en attendant la disponibilité de border-radius dans CSS3.
Je suis l'auteur du livre surveillance://, Les libertés au défi du numérique : comprendre et agir.
Nous générons chaque jour plus de données qui sont captées par des multinationales et des États, et cela peut se retourner contre nous. Comment est-ce possible ? Comment éviter cela ? Ce sont les questions auxquelles je réponds dans ce livre, qu'on peut se procurer chez C & F Éditions.
Ce site, qui porte principalement sur les standards du Web, les navigateurs et la technologie, est maintenu par Tristan Nitot.
Les opinions exprimées sur ce site sont uniquement celles de son auteur et ne sauraient être attribuées à quelconque organisation à laquelle il pourrait être affilié.
Ce site fonctionne avec des logiciels libres tels que Debian GNU/Linux, Apache, MySQL, PHP et DotClear.
6 réactions
1 De mauriz - 14/07/2003, 16:02
C'est vrai que ça n'est pas terrible, mais ca a le mérite de s'adapter à toutes les tailles de boites.
2 De kadreg - 14/07/2003, 21:11
Ca a un autre mérite, celui de fonctionner sous IE.
Par contre, sous IE, j'ai l'impression que les images utilisées ne sont pas de la même couleur que le fond de la boite. Je suis le seul à avoir des problèmes dans les yeux ?
3 De mat - 14/07/2003, 21:36
J'ai pas trop regarde le truc (c'est super connu, ca fait facile 1 an que tout le monde commence a ressortir cette technique, moi compris
mais kadreg pour ton pb, c'est ptet du au fait que les images sont des png enregistres dans dans une profondeur differente de ta profondeur d'ecran. dans ce cas il y a un risque effectivement que le rendu ne soit pas le meme.
Dependant de la config utilisateur, mais meme avec mozilla ou autre, jai le probleme sur http://www.nekeme.net/ ou http://arkhart.nekeme.net/ (mais on a la flemme de refaire les images
4 De mauriz - 14/07/2003, 22:59
Pour l'histoire, j'avais trouvé un truc sur Joueb/CSS mais qui ne permettait que des largeurs fixes. Trop contraignant, je voulais trouver une technique un peu plus souple.
!
Pensant avoir trouvé quelque chose d'interessant, je l'ai publié.
Mais depuis, j'ai fait un tour sur le Wiki des Pompeurs et j'ai constaté que cette méthode existait bien avant que je la (re)découvre
Pour les coins, c'est effectivement un problème de profondeur de couleurs (les PNG sont en grayscale), et y'a que sous IE que le problème se pose je crois...
5 De Jerome - 15/07/2003, 11:06
Waaaa la news réchaufée !
Déjà développée sur http://www.webweaver.org/dan/css/corners/fluidbox_nested.html
6 De mat - 15/07/2003, 20:15
Jerome: ton url aussi etait rechaufee jte rassure... cette technique est connue depuis bien plus longtemps que ca...