par
Eagle » 23 nov. 2005, 18:22
Bonjour à tous,
Voilà mon petit souci... j'espère que je suis dans le bon forum.
Je génère un tableau avec un code PHP, et à chaque ligne, j'attribus une couleur.
J'ai donc fait une feuille CSS en définissant 2 classes pour les lignes 'ligne1 et ligne2... tient c'est original ça !

).
J'ai également 2 classes pour mes cellules car la cellule gauche et droite ne sont pas presentées de la même manière.
Le problème, c'est que si je laisse le style à mes cellule, celui de la ligne n'est pas pris en compte.
Je vous met les bouts de code de la CSS :
Code : Tout sélectionner
#tableau_fichier{
margin: auto;
border: none;
padding: 0;
text-align: center;
width: 30em;
}
#tableau_fichier table{
border: thin solid #6495ed;
border-collapse: collapse;
width: 100%;
}
#tableau_fichier caption{
border: thin solid #6495ed;
font-family: sans-serif;
text-align: center;
padding: .5em;
background-color: #D0E3FA;
}
#tableau_fichier tr.ligne1 {
background-color: blue;
}
#tableau_fichier tr.ligne2 {
background-color: cyan;
}
#tableau_fichier td.nom_fichier {
font-family: sans-serif;
font-size: .8em;
border: none solid #6495ed;
width: 60%;
padding: .5em;
text-align: left;
background-color: #ffffff;
}
#tableau_fichier td.action {
font-family: sans-serif;
font-size: .8em;
border: none solid #6495ed;
width: 40%;
padding: .5em;
text-align: center;
background-color: #ffffff;
}
Et là mon code de génération :
//On définit un calque pour mettre en forme
echo "<div id=\"tableau_fichier\">";
//On affiche sous forme de tableau
echo "<table summary=\"Listing des fichiers présents dans le répertoire\">\n";
echo " <caption>Nom des fichiers</caption>\n";
$sCouleurLigne = "ligne1";
//On liste les fichiers trouves avec un lien pour la suppression
for ($i=$iDeb; $i < $iFin; $i = $i+1){
echo " <tr class=\"".$sCouleurLigne."\">\n";
echo " <td class=\"nom_fichier\">\n";
//On affiche le nom du fichier
echo $aFichiers[$i]."\n";
echo " </td>\n";
echo " <td class=\"action\">\n";
if (!empty($aFichiers[$i])){
//On affiche un lien vers la suppression
echo "<a href=\"".$_SERVER['PHP_SELF']."?page=".$iNumPageURL."&action=suppr&fichier=".$aFichiers[$i]."\" onclick=\"javascript:return suppression('".$aFichiers[$i]."');\">Supprimer</a>\n";
}
echo " </td>\n";
echo " </tr>\n";
//echo $sCouleurLigne;
//On fait changer la couleur de la ligne
if ($sCouleurLigne == "ligne1"){
//On change de couleur
$sCouleurLigne = "ligne2";
}
else{
//On change de couleur
$sCouleurLigne = "ligne1";
}
}
echo "</table>\n";
Auriez-vous une solution pour que les 2 s'appliquent sans problème ?
Merci d'avance