Bonjour à tous,
voilà un extrait de mon css :
Extrait de mon XSLT :
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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52 .centre { position: absolute; width: 990px; height: 720px; padding: 5px; background-color: #FFFFE6; border: 2px solid #000000; } .zone1 { float: left; width: 485px; height: 350px; padding: 2px; background-color: orange; border: 1px solid #000000; text-align: center; overflow: hidden; } .zone2 { float: right; width: 485px; height: 350px; padding: 2px; background-color: orange; border: 1px solid #000000; text-align: center; overflow: hidden; } .zone3 { position: absolute; left: 5px; bottom: 5px; width: 485px; height: 350px; padding: 2px; background-color: orange; border: 1px solid #000000; text-align: center; overflow: hidden; } .zone4 { position: absolute; right: 5px; bottom: 5px; width: 485px; height: 350px; padding: 2px; background-color: orange; border: 1px solid #000000; text-align: center; overflow: hidden; }
"centre" est mon conteneur et contient 4 zones.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <div class="centre"> <div class="zone1"> <xsl:apply-templates select="//zone[position()=1]"/> </div> <div class="zone2"> <xsl:apply-templates select="//zone[position()=2]"/> </div> <div class="zone3"> <xsl:apply-templates select="//zone[position()=3]"/> </div> <div class="zone4"> <xsl:apply-templates select="//zone[position()=4]"/> </div> </div>
Mon problème est que les paramètres suivants sont répétés QUATRE fois :
Comment faire pour qu'ils soient dans un élément que les QUATRE zones auraient en commun ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 width: 485px; height: 350px; padding: 2px; background-color: orange; border: 1px solid #000000; text-align: center; overflow: hidden;
J'ai essayé ce qui suit mais c'est pas bon (je sais pas pourquoi d'ailleurs !)
Extrait de mon XSLT modifié :
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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 .centre { position: absolute; width: 990px; height: 720px; padding: 5px; background-color: #FFFFE6; border: 2px solid #000000; } .zone { width: 485px; height: 350px; padding: 2px; background-color: orange; border: 1px solid #000000; text-align: center; overflow: hidden; } #1 { float: left; } #2 { float: right; } #3 { position: absolute; left: 5px; bottom: 5px; } #4 { position: absolute; right: 5px; bottom: 5px; }
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <div class="centre"> <div class="zone" id="1"> <xsl:apply-templates select="//zone[position()=1]"/> </div> <div class="zone" id="2"> <xsl:apply-templates select="//zone[position()=2]"/> </div> <div class="zone" id="3"> <xsl:apply-templates select="//zone[position()=3]"/> </div> <div class="zone" id="4"> <xsl:apply-templates select="//zone[position()=4]"/> </div> </div>
Partager