<?php
$content = 'A Test overflow<br>A Test overflow<br>A Test overflow<br>
<img src="/public/images/logo.gif" alt="logo" style="width: XXXmm"><br>
B Test overflow<br>B Test overflow<br>B Test overflow<br>
<img src="/public/images/logo.gif" alt="logo" style="width: XXXmm"><br>
C Test overflow<br>C Test overflow<br>C Test overflow<br>';
?>
<head>
<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>
</head>
<body> <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="/public/images/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="/public/images/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>
</body> |
