Discussion :

[FlyByck]

Bonjour

Pour amméliorer la lisibilité des tableaux j'utilisais le changement de couleur une ligne sur deux, par feuille de style XSL par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
      <xsl:if test="position() mod 2=0">
        <xsl:attribute name="bgcolor">#cccccc</xsl:attribute>
      </xsl:if>

Je remodèle mes pages en XHTML Strict avec CCS mais je n'arrive pas à reproduire l'effet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
     <xsl:choose>
        <xsl:when test="position() mod 2=0">
          <xsl:attribute name="id">trColor0</xsl:attribute>
        </xsl:when>
        <xsl:otherwise>
          <xsl:attribute name="id">trColor1</xsl:attribute>
        </xsl:otherwise>
      </xsl:choose>

La partie CCS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
table {
    background-color: #ffccff;
    border-collapse: collapse;
    empty-cells: show;
    border: 1px solid #77aa77;
}
#trColor0 {
   background-color: #000000;
}
#trColor1 {
   background-color: #cccccc;
}
td {
   text-align: left;
   border: 1px solid #77aa77;
   padding:.5em .5em .5em .5em;
}

Le fond reste dans la couleur par défaut du tableau
Dans le HTML je vois pourtant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<tr id=backgroun-color="#00000"> et<tr id=backgroun-color="#cccccc">

une ligne sur deux.
Comment peut t'on faire cet effet

Merci

[MasterOfChakhaL]

Je ne connais pas xsl mais je te conseille de tenter de générer quelquechose qui ressemble à ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<tr class="trColor0"> et<tr class="trColor1">

Dans ton css, tu utilises des identificateurs d'id, or, si ton tableau fait plus de deux lignes, tu auras des doublons d'id, ce qui n'est pas permis.
C'est pourquoi je te suggère de générer un attribut class.

Concrètement, il te faudra changer #trColor0 ou 1 en .trColor0 ou 1

[FlyByck]

OK cela marche avec .trColor0
Ce qui est génant c'est qu'il n'y a pas de message d'erreur

Merci