Habillage de tableaux avec les sélecteurs CSS 3

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Habillage de tableaux avec les sélecteurs CSS 3

par Victor BRITO » 07 juil. 2009, 17:05

Ben non, faut bien encore coder pour IE6 pendant les 10 années qui suivent. :P
Sans oublier IE 7 et 8, qui ne prennent presque pas en charge CSS 3 (contrairement aux sélecteurs avancés de CSS 2.1, ce qui est déjà un bon point).
(Le CSS, ou comment devoir coder un truc 10 fois pour 10 browsers différents avec 10 résultats différents. Joie :P )
Pas nécessairement. ;)

par lux » 07 juil. 2009, 16:52

Ils viennent de tuer le principal intérêt de l'opérateur modulo en PHP là :mrgreen:
Ben non, faut bien encore coder pour IE6 pendant les 10 années qui suivent. :P


Sinon, je vais remonter le lien et le site à mon designer, c'est lui qui s'occupe du CSS, moi je touche pas à ça. (Le CSS, ou comment devoir coder un truc 10 fois pour 10 browsers différents avec 10 résultats différents. Joie :P )

par Genova » 07 juil. 2009, 15:18

Ils viennent de tuer le principal intérêt de l'opérateur modulo en PHP là :mrgreen:

Habillage de tableaux avec les sélecteurs CSS 3

par Hywan » 07 juil. 2009, 12:15

Hey :-),

Mozilla, pour promouvoir Firefox 3.5, a sorti hacks.mozilla.org pour les 35 Days, qui sont 35 jours de démos et d'articles sur les standards, tels que l'HTML, le CSS, le Javascript etc.
Si vous êtes développeurs, ce site est intéressant car on voit les dernières possibilités en matières de standards. Si vous n'êtes pas développeurs, bah c'est joli et on apprend plein de choses.

J'en parle parce que j'ai la chance et l'honneur d'avoir une démo et un article qui ont été publiés ce matin. L'article Slick tables with CSS3 selectors présente les sélecteurs :nth-* et ses dérivés, tout chaud de la spécification CSS 3. Cet article (recopié avec quelques fautes, mais qui sont en train d'être corrigées) est accompagné d'une démonstration au pas à pas. Cette démonstration permet de voir toutes les étapes successives de l'habillage du tableau : la sélection, puis le style.

Wala. C'est tout bête, mais on peut faire de belles choses sans ajouter des classes et ID partout dans notre code. Car on part du code HTML :

Code : Tout sélectionner

<table> <thead> <tr> <th>...</th> ... <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> ... <td>...</td> <tr> ... <tr> <td>...</td> ... <td>...</td> <tr> </tbody> </table>
pour arriver à :
Image

CSS3 selectors rocks!

Wala. Mais il y a aussi beaucoup d'autres démos qui sont bien plus impressionnantes que la mienne. Je vous recommande vivement la lecture de ce site.

Édition : mise à jour du code HTML suite à une erreur dans l'article et la démonstration.