118 lines
5.1 KiB
PHP
118 lines
5.1 KiB
PHP
|
<?php
|
||
|
|
$content = 'A Test overflow<br>A Test overflow<br>A Test overflow<br>
|
||
|
|
<img src="./res/logo.gif" alt="logo" style="width: XXXmm"><br>
|
||
|
|
B Test overflow<br>B Test overflow<br>B Test overflow<br>
|
||
|
|
<img src="./res/logo.gif" alt="logo" style="width: XXXmm"><br>
|
||
|
|
C Test overflow<br>C Test overflow<br>C Test overflow<br>';
|
||
|
|
?>
|
||
|
|
<style type="text/css">
|
||
|
|
<!--
|
||
|
|
div.zone
|
||
|
|
{
|
||
|
|
border: solid 2mm #66AACC;
|
||
|
|
border-radius: 3mm;
|
||
|
|
padding: 1mm;
|
||
|
|
background-color: #FFEEEE;
|
||
|
|
color: #440000;
|
||
|
|
}
|
||
|
|
div.zone_over
|
||
|
|
{
|
||
|
|
width: 30mm;
|
||
|
|
height: 35mm;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
-->
|
||
|
|
</style>
|
||
|
|
<page style="font-size: 10pt">
|
||
|
|
<span style="font-size: 16pt ; font-weight: bold">Démonstration des images</span><br>
|
||
|
|
<br>
|
||
|
|
<b>Dans un tableau :</b><br>
|
||
|
|
<table style="width: 50%;border: solid 3px #5544DD" align="center">
|
||
|
|
<tr>
|
||
|
|
<td style="width: 30%; text-align: left; ">Text à gauche<br>avec retour à<br>la ligne</td>
|
||
|
|
<td style="width: 40%; text-align: center;"><img src="./res/logo.gif" alt="" ><br><i>légende</i></td>
|
||
|
|
<td style="width: 30%; text-align: right; ">Texte à droite</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
Texte <span style="text-decoration: underline">souligné</span>,
|
||
|
|
texte <span style="text-decoration: overline">surligné</span>,
|
||
|
|
texte <span style="text-decoration: line-through">barré</span>,
|
||
|
|
texte <span style="text-decoration: underline overline line-through">avec les trois</span>.<br>
|
||
|
|
<br>
|
||
|
|
<b>Dans un texte :</b><br>
|
||
|
|
texte à la suite d'une image, <img src="./res/logo.gif" alt="" style="height: 10mm">
|
||
|
|
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
|
||
|
|
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
|
||
|
|
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
|
||
|
|
texte à la suite d'une image, répétitif car besoin d'un retour à la ligne<br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
Test différentes tailles texte
|
||
|
|
<span style="font-size: 18pt;">Test Size</span>
|
||
|
|
<span style="font-size: 16pt;">Test Size</span>
|
||
|
|
<span style="font-size: 14pt;">Test Size</span>
|
||
|
|
<span style="font-size: 12pt;">Test Size</span>
|
||
|
|
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||
|
|
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||
|
|
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||
|
|
Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<b>Exemple de couleur : </b><br>
|
||
|
|
<span style="color: RGB(255, 0, 0)">Texte de couleur</span><br>
|
||
|
|
<span style="color: RGB(0., 1., 0.)">Texte de couleur</span><br>
|
||
|
|
<span style="color: RGB(0, 0, 100%)">Texte de couleur</span><br>
|
||
|
|
<span style="color: CMYK(255, 0, 0, 0)">Texte de couleur</span><br>
|
||
|
|
<span style="color: CMYK(0., 1., 0., 0.)">Texte de couleur</span><br>
|
||
|
|
<span style="color: CMYK(0, 0, 100%, 0)">Texte de couleur</span><br>
|
||
|
|
<span style="color: CMYK(0, 0, 0, 255)">Texte de couleur</span><br>
|
||
|
|
<br>
|
||
|
|
<table>
|
||
|
|
<tr style="vertical-align: top">
|
||
|
|
<td>
|
||
|
|
<u>Exemple 0 :</u><br><br>
|
||
|
|
<div class="zone" ><?php echo str_replace('XXX', '40', $content); ?></div>
|
||
|
|
sans overflow
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<u>Exemple 1 :</u><br><br>
|
||
|
|
<div class="zone zone_over" style="text-align: left; vertical-align: top; "><?php echo str_replace('XXX', '40', $content); ?></div>
|
||
|
|
hidden left top
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<u>Exemple 2 :</u><br><br>
|
||
|
|
<div class="zone zone_over" style="text-align: center; vertical-align: middle;"><?php echo str_replace('XXX', '40', $content); ?></div>
|
||
|
|
hidden center middle
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<u>Exemple 3 :</u><br><br>
|
||
|
|
<div class="zone zone_over" style="text-align: right; vertical-align: bottom;"><?php echo str_replace('XXX', '40', $content); ?></div>
|
||
|
|
hidden right bottom
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr style="vertical-align: top">
|
||
|
|
<td>
|
||
|
|
<u>Exemple 0 :</u><br><br>
|
||
|
|
<div class="zone" ><?php echo str_replace('XXX', '20', $content); ?></div>
|
||
|
|
sans overflow
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<u>Exemple 1 :</u><br><br>
|
||
|
|
<div class="zone zone_over" style="text-align: left; vertical-align: top; "><?php echo str_replace('XXX', '20', $content); ?></div>
|
||
|
|
hidden left top
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<u>Exemple 2 :</u><br><br>
|
||
|
|
<div class="zone zone_over" style="text-align: center; vertical-align: middle;"><?php echo str_replace('XXX', '20', $content); ?></div>
|
||
|
|
hidden center middle
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<u>Exemple 3 :</u><br><br>
|
||
|
|
<div class="zone zone_over" style="text-align: right; vertical-align: bottom;"><?php echo str_replace('XXX', '20', $content); ?></div>
|
||
|
|
hidden right bottom
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</page>
|