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>