Il est possible de créer quelque chose comme ceci uniquement par le biais du style table css? Je peux créer une couleur différente pour les lignes paires et impaires, mais j'aimerais créer ceci (uniquement les couleurs):
Réponses:
1 pour la réponse № 1 En supposant que le nombre de lignes est constant, vous pouvez utiliser nth-of-type, nth-last-of-type, ou nth-child sélecteurs et les formules, pour faire le travail de coloration. Cet exemple nécessite également de jouer avec la spécificité de sélecteur en plaçant les ensembles de règles dans un ordre particulier:.
Css Tableau Ligne Couleur Alterne France
>
$var=1;}else{? >
$var=0;}
Voila, c'est tout simple (enfin j'espère). Alain_42
5358
dimanche 3 février 2008
13 février 2017
898
29 janv. 2009 à 22:20
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
lignes impaires
lignes paires
et ensuite tu traites en CSS
en attribuant une couleur diff à chaque classe
165
3 mai 2007 à 18:24
mdr ^^
merci d'avoir une réponse aussi construite ^^
On n'est pas obligé d'utiliser PHP pour afficher des tableaux dynamiques... Html - sur - Alterner la couleur de la ligne de table en utilisant CSS?. Perso j'utilise et les pour cette utilisation. 4 mai 2007 à 11:33
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
Css Tableau Ligne Couleur Alterne Au
alternate_color tr: nth - child ( odd) td {
/* styles here */}
table. alternate_color tr: nth - child ( even) td {
Nous pouvons utiliser des règles CSS impaires et paires et la méthode jQuery pour les couleurs de ligne alternatives
Utilisation de CSS
table tr: nth - child ( odd) td {
background:# ccc;}
table tr: nth - child ( even) td {
background:# fff;}
Utilisation de jQuery
$ ( "table tr:odd"). css ( "background", "#ccc");
$ ( "table tr:even"). css ( "background", "#fff");});
table tr: nth-child ( odd) td {
background: #ccc;}
table tr: nth-child ( even) td {
background: #fff;}
La plupart des codes ci-dessus ne fonctionneront pas avec la version IE. La solution qui fonctionne pour IE + autres navigateurs est la suivante.