tableaux et couleurs

Sujet résolu

17 décembre 2005 à 14:13:44

Bonjour.

Je voudrais savoir comment faire dans le css pour que, ma première ligne soit en fond blanc, la deuxième en noir, le troisième en blanc, la quatrième en noir, etc...

mon css actuel:

#menuhaut
{
margin: center;
margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

color: #000000;
background-color: #003366; /* Une couleur de fond pour le corps */
text-align: center;

border-bottom: 1px solid #003366
}
.element_menuhaut td
{
border-right:1px solid #FFFFFF;
margin-top: 0px;
color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 0.8em;
text-align: center;
background: #003366;

font-weight: 400;
}

mebon

17 décembre 2005 à 14:20:24

C'est prévu en css3, mais à l'heure actuelle la façon la plus simple de le faire est encore de rajouter des classes à tes lignes de tableau (class="pair" par exemple). Si ton tableau est généré dynamiquement (avec php par exemple) ça peut être rapide à faire. Sinon il faut le faire à la main...

jp949

17 décembre 2005 à 14:22:19

ou directement dans la cellule
<td bg-color="white">

wydook66

17 décembre 2005 à 14:28:12

Citation : jp949

ou directement dans la cellule
<td bg-color="white">

je le voulait en css.

C'est un tableau tout simple en fait

C'est des lignes uniquement. A chaque news je rajoute une ligne, mais j'aurait voulu que le font de la cellule change.
1° ligne en blanc
2° en noir
3° en blanc
4° en noir

ETC...

mebon

17 décembre 2005 à 14:28:22

jp949, de un si mes souvenirs sont bon, c'est bgcolor et pas bg-color, de deux ça ne résout en rien son problème, je dirais même plus ça le complique, et en plus ça le fait régresser dans l'application des standards.

wydook66 je répète, en attendant les css3 le plus simple est de mettre une classe pair (ou impair) à une ligne sur deux, et après de faire

tr {
background:black;
}

tr.pair{
background:white;
}

enfin un truc du style...

wydook66

17 décembre 2005 à 14:52:01

Pfff ca veut pas marcher. Je comprend pas trop

j'ai fait ca pour le tableau

et ca dans le css, mais sa me met tous les fonds en noir

#corps_pages
tr {
background:black;
}

tr.pair {
background:white;
}

mebon

17 décembre 2005 à 15:45:51

Non mais c'est pas magique, il faut ajouter class="pair" une ligne sur deux...