New file |
0,0 → 1,90 |
<html> |
<head> |
<style> |
.liste_photo { |
width:100%; |
float:right; |
} |
.colonne{ |
display:inline; |
width:100%; |
} |
.ligne { |
float:left; |
width:30%; |
} |
.info{ |
display:block; |
} |
|
</style> |
</head> |
<body> |
<ul class="liste_photo"> |
<li class="colonne"> |
<ul> |
<li class="ligne"> |
<img src="essai_img/pie0.png"/> |
<p class="info"> |
<span class="label">champ1 :</span><span class="valeur">valeur1</span><br /> |
<span class="label">champ2 :</span><span class="valeur">valeur2</span> |
</p> |
</li> |
<li class="ligne"> |
<img src="essai_img/pie1.png"/> |
<p class="info"> |
<span class="label">champ1 :</span><span class="valeur">valeur1</span><br /> |
<span class="label">champ2 :</span><span class="valeur">valeur2</span> |
</p> |
</li> |
<li class="ligne"> |
<img src="essai_img/pie2.png"/> |
<p class="info"> |
<span class="label">champ1 :</span><span class="valeur">valeur1</span><br /> |
<span class="label">champ2 :</span><span class="valeur">valeur2</span> |
</p> |
</li> |
</ul> |
</li> |
<li class="colonne"> |
<ul> |
<li class="ligne"> |
<img src="essai_img/pie3.png"/> |
<p class="info"> |
<span class="label">champ1 :</span><span class="valeur">valeur1</span><br /> |
<span class="label">champ2 :</span><span class="valeur">valeur2</span> |
</p> |
</li> |
<li class="ligne"> |
<img src="essai_img/pie4.png"/> |
<p class="info"> |
<span class="label">champ1 :</span><span class="valeur">valeur1</span><br /> |
<span class="label">champ2 :</span><span class="valeur">valeur2</span> |
</p> |
</li> |
<li class="ligne"> |
<img src="essai_img/pie5.png"/> |
<p class="info"> |
<span class="label">champ1 :</span><span class="valeur">valeur1</span><br /> |
<span class="label">champ2 :</span><span class="valeur">valeur2</span> |
</p> |
</li> |
</ul> |
</li> |
<li class="colonne"> |
<ul> |
<li class="ligne"> |
<img src="essai_img/pie6.png"/> |
<p class="info"> |
<span class="label">champ1 :</span><span class="valeur">valeur1</span><br /> |
<span class="label">champ2 :</span><span class="valeur">valeur2</span> |
</p> |
</li> |
|
</ul> |
</li> |
</ul> |
<br class="dernier"/> |
<p>La fin de l'application.</p> |
</body> |
</html> |