[CSS] Un tableau au couleurs alternées
akyrion3000
Messages postés
685
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.
--
Aky
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.
--
Aky
Configuration: Windows XP Internet Explorer 6.0
11 réponses
-
Est-ce possible de le faire seulement avec du CSS ? (Sans PHP pour faire alterner les couleurs.)
-
- Bonsoir,
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,
-
si, on peut :
http://www.w3.org/Style/Examples/007/evenodd.html -
-
-
-
ton pro est résolu
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. -
ul li:nth-child(2n+1){background-color:#e4ecf5;}
/* 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). -
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 -
-
mdr ^^
merci d'avoir une réponse aussi construite ^^ -
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.
-
Comment ?
-
Comment on pourrait faire un tableau alterner de couleur, c la meme question mais c ne pas complete. oui mais on attend la suite.
Merci
mrsl
