pakdoltogel.net
Langues Ceci est une traduction. Elle peut avoir des erreurs ou être dépassée par rapport à la version anglaise. Traducteur(-trice): Laurent Carcone Règles 'pair' et 'impair' Une des façons d'améliorer la lisibilité des grandes tables est de mettre en couleur ses rangées alternativement. Dans la table ci-dessous par exemple, les rangées pair ont une couleur de fond gris-clair et les rangées impair une couleur de fond blanc. Les règles CSS pour exprimer cela sont très simples: tr:nth-child(even) {background: #CCC} tr:nth-child(odd) {background: #FFF} Month '94 '95 '96 '97 '98 '99 '00 '01 '02 Jan 14 13 11 Feb 15 12 Mar 16 17 Apr May 21 20 22 19 Jun 24 23 25 Jul 29 28 26 27 Aug Sep Oct Nov 18 Dec 10 En réalité, CSS autorise non seulement les alternances pair/impair mais également les alternances sur n'importe quel interval. Tableau CSS - Lignes de couleurs alternées (Page 1) / Développement / Thelia 1 / THELIA Forum. Les mots clé 'even' et 'odd' sont juste des raccourcis. Par exemple, pour une longue liste vous pouvez faire ceci: li:nth-child(5n+3) {font-weight: bold} Cela stipule que tous les 5ème éléments de liste à partir du 3ème inclus seront en gras, c'est à dire les éléments numerotés 3, 8, 13, 18, 23, etc.
28/01/2008, 12h59 #1 Membre actif Alterner la couleur des ligne dans un tableau html Bonjour, J'ai un tableau en html avec des données, et j'aimerai savoir si c'est possible avec du javascript de faire une alternation de couleur suivant la ligne? J'ai réussi à le faire avec du php. Alterner la couleur des lignes d'un tableau ET l'espace/interstice entre les colonnes - Tableau en CSS. exemple: Merci d'avance. 28/01/2008, 13h20 #2 deux class unpour chaque couleur; une boucle en pas de deux pour attribuer les classNames... 28/01/2008, 13h21 #3 bonjour, les feuilles de styles (CSS) répondront à ton problème: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 < html > < head > < title > title >