Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
5 david 1
<html>
2
<head>
3
<style>
4
.liste_photo {
5
    width:100%;
6
    float:right;
7
}
8
.colonne{
9
    display:inline;
10
     width:100%;
11
}
12
.ligne {
13
    float:left;
14
    width:30%;
15
}
16
.info{
17
    display:block;
18
}
19
 
20
</style>
21
</head>
22
<body>
23
<ul class="liste_photo">
24
    <li class="colonne">
25
    <ul>
26
        <li class="ligne">
27
            <img src="essai_img/pie0.png"/>
28
            <p class="info">
29
                <span class="label">champ1 :</span><span class="valeur">valeur1</span><br />
30
                <span class="label">champ2 :</span><span class="valeur">valeur2</span>
31
            </p>
32
        </li>
33
        <li class="ligne">
34
            <img src="essai_img/pie1.png"/>
35
            <p class="info">
36
                <span class="label">champ1 :</span><span class="valeur">valeur1</span><br />
37
                <span class="label">champ2 :</span><span class="valeur">valeur2</span>
38
            </p>
39
            </li>
40
        <li class="ligne">
41
            <img src="essai_img/pie2.png"/>
42
            <p class="info">
43
                <span class="label">champ1 :</span><span class="valeur">valeur1</span><br />
44
                <span class="label">champ2 :</span><span class="valeur">valeur2</span>
45
            </p>
46
        </li>
47
    </ul>
48
    </li>
49
    <li class="colonne">
50
    <ul>
51
        <li class="ligne">
52
            <img src="essai_img/pie3.png"/>
53
            <p class="info">
54
                <span class="label">champ1 :</span><span class="valeur">valeur1</span><br />
55
                <span class="label">champ2 :</span><span class="valeur">valeur2</span>
56
            </p>
57
        </li>
58
        <li class="ligne">
59
            <img src="essai_img/pie4.png"/>
60
            <p class="info">
61
                <span class="label">champ1 :</span><span class="valeur">valeur1</span><br />
62
                <span class="label">champ2 :</span><span class="valeur">valeur2</span>
63
            </p>
64
            </li>
65
        <li class="ligne">
66
            <img src="essai_img/pie5.png"/>
67
            <p class="info">
68
                <span class="label">champ1 :</span><span class="valeur">valeur1</span><br />
69
                <span class="label">champ2 :</span><span class="valeur">valeur2</span>
70
            </p>
71
        </li>
72
    </ul>
73
    </li>
74
    <li class="colonne">
75
    <ul>
76
        <li class="ligne">
77
            <img src="essai_img/pie6.png"/>
78
            <p class="info">
79
                <span class="label">champ1 :</span><span class="valeur">valeur1</span><br />
80
                <span class="label">champ2 :</span><span class="valeur">valeur2</span>
81
            </p>
82
        </li>
83
 
84
    </ul>
85
    </li>
86
</ul>
87
<br class="dernier"/>
88
<p>La fin de l'application.</p>
89
</body>
90
</html>