Rechercher : dans
Par :

[CSS] Un tableau au couleurs alternées

Dernière réponse le 21 aoû 2009 à 10:29:28 akyrion3000, le 3 mai 2007 à 17:47:55 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « [CSS] Un tableau au couleurs alternées » dans :
CSS - Les couleurs Voir Les couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
[Firefox] Personnaliser les pages web avec Greasemonkey VoirC'est quoi, GreaseMonkey ? Exemple 1 Exemple 2 XPath Fonctions utilitaires removeElement() removeAttributeOfElement() setAttributeOfElement() injectCSS() Exemple 3 Liens C'est quoi, GreaseMonkey ? GreaseMonkey est une extension...
La table des couleurs VoirLe codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie. Ainsi la syntaxe de codage...

1

hotrod, le 3 mai 2007 à 17:52:26
  • +5

Oui

Répondre à hotrod

2

akyrion3000, le 3 mai 2007 à 18:24:25

Mdr ^^

merci d'avoir une réponse aussi construite ^^ Aky

Répondre à akyrion3000

3

akyrion3000, le 4 mai 2007 à 11:33:58

Comment ? Aky

Répondre à akyrion3000

4

alaleh, le 18 jun 2007 à 08:48:50

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

Répondre à alaleh

5

pierre, le 25 jun 2007 à 14:02:34
  • +1

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).

Répondre à pierre

6

aymeric45, le 19 jui 2007 à 18:09:34

Est-ce possible de le faire seulement avec du CSS ? (Sans PHP pour faire alterner les couleurs.)

Répondre à aymeric45

7

dadou, le 29 jan 2009 à 15:11:21

Est ce possible que quelquun repnde a sa question car moi aussi j'aimerai avoir la reponse merci

Répondre à dadou

9

Marco la baraque, le 29 jan 2009 à 19:56:32

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, rtfm and jfgi
Simple "merci" makes helping people happy :)

Répondre à Marco la baraque

10

Alain_42, le 29 jan 2009 à 22:20:55
  • +3

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

Répondre à Alain_42

11

Marco la baraque, le 29 jan 2009 à 22:50:51

+1 pour Alain.
C'est vrai qu'on n'y a pas pensé, mais sur un tableau statique il suffit de spécifier le style à la main (vu que tout est écrit à la main).

Cordialement rtfm and jfgi
Simple "merci" makes helping people happy :)

Répondre à Marco la baraque

12

 MadMat, le 21 aoû 2009 à 10:29:28

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.

Répondre à MadMat
Collection CommentÇaMarche.net