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...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
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...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...

1

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

Oui

Répondre à hotrod

2

akyrion3000, le 3 mai 2007 à 18:24:25
  • +1

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

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
  • +2

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