[CSS] Un tableau au couleurs alternées
akyrion3000
Messages postés
552
Date d'inscription
Statut
Membre
Dernière intervention
-
Romaric -
Romaric -
Bonjour,
Est il possible de faire un tableau avec des cellules dont le fond est alterné à chaque ligne blanc gris ?
Ceci permettra une meilleur lecture du tableau.
Est il possible de faire un tableau avec des cellules dont le fond est alterné à chaque ligne blanc gris ?
Ceci permettra une meilleur lecture du tableau.
A voir également:
- Excel alterner couleur ligne
- Excel cellule couleur si condition texte - Guide
- Aller à la ligne excel - Guide
- Liste déroulante excel - Guide
- Partager photos en ligne - Guide
- Somme si couleur excel - Guide
11 réponses
ton pro est résolu
http://www.miximum.fr/methodes-et-outils/272-jouons-avec-les-pseudos-classes-des-selecteurs-css
http://www.miximum.fr/methodes-et-outils/272-jouons-avec-les-pseudos-classes-des-selecteurs-css
Pas besoin de PHP, de ASP.NET, ni même de Javascript, il suffit d'utiliser CSS:
http://www.w3.org/Style/Examples/007/evenodd.html
Je suis tombé sur cette page en faisant une recherche sur le sujet, je laisse ce message pour aider ceux qui y tomberont plus tard.
http://www.w3.org/Style/Examples/007/evenodd.html
Je suis tombé sur cette page en faisant une recherche sur le sujet, je laisse ce message pour aider ceux qui y tomberont plus tard.
ul li:nth-child(2n+1){background-color:#e4ecf5;}
/* pour une liste */
table tr:nth-child(2n+1){background-color:#e4ecf5;}
/* pour un tableau */
/* pour une liste */
table tr:nth-child(2n+1){background-color:#e4ecf5;}
/* pour un tableau */
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bien sur que c'est possible,
Il suffit d'initialiser une variable à 0. A chaque ligne de ton tableau, tu fais passer cette variable à 1 si ancienne = 0 ou 0 si ancienne = 1.
Après quoi il te suffit de dire si var = 0 alors bgcolor="#tacouleur" SINON bgcolor="#autrecouleur"
Exemple:
(...)
$var=0;
if ($var==0)
{
?><tr bgcolor="#EEEEEE"><?
$var=1;
}else{
?><tr bgcolor="#FFFFFF"><?
$var=0;
}
(...)
Voila, c'est tout simple (enfin j'espère).
Il suffit d'initialiser une variable à 0. A chaque ligne de ton tableau, tu fais passer cette variable à 1 si ancienne = 0 ou 0 si ancienne = 1.
Après quoi il te suffit de dire si var = 0 alors bgcolor="#tacouleur" SINON bgcolor="#autrecouleur"
Exemple:
(...)
$var=0;
if ($var==0)
{
?><tr bgcolor="#EEEEEE"><?
$var=1;
}else{
?><tr bgcolor="#FFFFFF"><?
$var=0;
}
(...)
Voila, c'est tout simple (enfin j'espère).
Bonsoir, si tu n'as pas du php c'est que ton tableau n'est pas dynamique
donc il suffit de mettre une classe dans chaque <tr>
lignes impaires <tr class="impaire">
lignes paires <tr class="paire">
et ensuite tu traites en CSS
en attribuant une couleur diff à chaque classe
donc il suffit de mettre une classe dans chaque <tr>
lignes impaires <tr class="impaire">
lignes paires <tr class="paire">
et ensuite tu traites en CSS
en attribuant une couleur diff à chaque classe
On n'est pas obligé d'utiliser PHP pour afficher des tableaux dynamiques... Perso j'utilise ASP.NET et les <asp:repeater> pour cette utilisation.
Non, je pense qu'il est obligatoire de passer par du php pour savoir si une ligne est paire ou impaire, css ne le permettant pas. Par contre en Php (et dans les autres langages), c'est très facile de réaliser ça.
Sinon une autre solution est de le faire en javascript, mais c'est moins bien :
- une fois la page chargée et le tableau affiché, on appelle la méthode javascript
- cette méthode récupère l'élément <table>
- on itère sur tous ses fils
- pour chaque fils, en fonction d'un modulo 2, on lui associe une classe css (classe définissant le style visuel)
Cordialement,
http://www.w3.org/Style/Examples/007/evenodd.html
+130 pour arno :D
Sur tous les forums on parle de modulo soit avec php soit avec javascript et en css c'est possible!!!