88 lines
3.0 KiB
PHP
88 lines
3.0 KiB
PHP
|
<style type="text/css">
|
||
|
|
<!--
|
||
|
|
table.tableau { text-align: left; }
|
||
|
|
table.tableau td { width: 15mm; font-family: courier; }
|
||
|
|
table.tableau th { width: 15mm; font-family: courier; }
|
||
|
|
|
||
|
|
.ul1
|
||
|
|
{
|
||
|
|
list-style-image: url(./res/puce2.gif);
|
||
|
|
}
|
||
|
|
.ul1 li
|
||
|
|
{
|
||
|
|
color:#F19031;
|
||
|
|
}
|
||
|
|
.ul2
|
||
|
|
{
|
||
|
|
list-style: square;
|
||
|
|
}
|
||
|
|
.ul2 li
|
||
|
|
{
|
||
|
|
color:#31F190;
|
||
|
|
}
|
||
|
|
.ul3
|
||
|
|
{
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.ul3 li
|
||
|
|
{
|
||
|
|
color:#9031F1;
|
||
|
|
}
|
||
|
|
-->
|
||
|
|
</style>
|
||
|
|
Exemple de liste avec puce personnalisée :<br>
|
||
|
|
<table style="width: 100%;" >
|
||
|
|
<tr>
|
||
|
|
<td style="width: 33%;">
|
||
|
|
<ul class="ul1">
|
||
|
|
<li>Votre ligne 1</li>
|
||
|
|
<li>Votre ligne 2</li>
|
||
|
|
<li>Votre ligne 3</li>
|
||
|
|
</ul>
|
||
|
|
</td>
|
||
|
|
<td style="width: 34%;">
|
||
|
|
<ul class="ul2">
|
||
|
|
<li>Votre ligne 1</li>
|
||
|
|
<li>Votre ligne 2</li>
|
||
|
|
<li>Votre ligne 3</li>
|
||
|
|
</ul>
|
||
|
|
</td>
|
||
|
|
<td style="width: 33%;">
|
||
|
|
<ul class="ul3">
|
||
|
|
<li>Votre ligne 1</li>
|
||
|
|
<li>Votre ligne 2</li>
|
||
|
|
<li>Votre ligne 3</li>
|
||
|
|
</ul>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
Exemple de caracteres :<br>
|
||
|
|
<table class="tableau" >
|
||
|
|
<tr><th>0</th><th>a</th><th>e</th><th>i</th><th>o</th><th>u</th></tr>
|
||
|
|
<tr><th>1</th><td>à</td><td>è</td><td>ì</td><td>ò</td><td>ù</td></tr>
|
||
|
|
<tr><th>2</th><td>á</td><td>é</td><td>í</td><td>ó</td><td>ú</td></tr>
|
||
|
|
<tr><th>3</th><td>â</td><td>ê</td><td>î</td><td>ô</td><td>û</td></tr>
|
||
|
|
<tr><th>4</th><td>ä</td><td>ë</td><td>ï</td><td>ö</td><td>ü</td></tr>
|
||
|
|
<tr><th>5</th><td>ã</td><td> </td><td> </td><td>õ</td><td> </td></tr>
|
||
|
|
<tr><th>6</th><td>å</td><td> </td><td> </td><td> </td><td> </td></tr>
|
||
|
|
<tr><th>7</th><td>€</td><td>«</td><td> </td><td>ø</td><td> </td></tr>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
<?php
|
||
|
|
$phrase = "ceci est un exemple avec <b>du gras</b>, ";
|
||
|
|
$phrase.= "<i>de l'italique</i>, ";
|
||
|
|
$phrase.= "<u>du souligné</u>, ";
|
||
|
|
$phrase.= "<u><i><b>et une image</b></i></u> : ";
|
||
|
|
$phrase.= "<img src='./res/logo.gif' alt='logo' style='width: 15mm'>";
|
||
|
|
?>
|
||
|
|
Table :<br>
|
||
|
|
<table style="border: solid 1px red; width: 105mm">
|
||
|
|
<tr><td style="width: 100%; border: solid 1px green; text-align: left; "><?php echo $phrase; ?></td></tr>
|
||
|
|
<tr><td style="width: 100%; border: solid 1px green; text-align: center;"><?php echo $phrase; ?></td></tr>
|
||
|
|
<tr><td style="width: 100%; border: solid 1px green; text-align: right; "><?php echo $phrase; ?></td></tr>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
Div :<br>
|
||
|
|
<div style="width: 103mm; border: solid 1px green; text-align: left; margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
|
||
|
|
<div style="width: 103mm; border: solid 1px green; text-align: center;margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
|
||
|
|
<div style="width: 103mm; border: solid 1px green; text-align: right; margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
|