96 lines
5.2 KiB
PHP
96 lines
5.2 KiB
PHP
|
<style type="text/css">
|
||
|
|
<!--
|
||
|
|
table.morpion
|
||
|
|
{
|
||
|
|
border: dashed 1px #444444;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.morpion td
|
||
|
|
{
|
||
|
|
font-size: 15pt;
|
||
|
|
font-weight: bold;
|
||
|
|
border: solid 1px #000000;
|
||
|
|
padding: 1px;
|
||
|
|
text-align: center;
|
||
|
|
width: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.morpion td.j1 { color: #0A0; }
|
||
|
|
table.morpion td.j2 { color: #A00; }
|
||
|
|
|
||
|
|
-->
|
||
|
|
</style>
|
||
|
|
<page style="font-size: 10pt">
|
||
|
|
<span style="font-weight: bold; font-size: 20pt; color: #F00">Bonjour, voici quelques exemples</span><br>
|
||
|
|
Bonjour, ceci est un test <b>de gras</b>, <i>d'italic</i>, <b><i>et des 2 ensembles</i></b>.<br>
|
||
|
|
<br>
|
||
|
|
<span style="background: red; color: white;">Ceci est un message important</span><br>
|
||
|
|
<br>
|
||
|
|
<small>Texte écrit avec small</small>, Texte écrit normalement, <big>Texte écrit avec big</big><br>
|
||
|
|
<span style="font-size: 20px">A<sub>test d'<b>indice</b></sub> et N<sup>test d'<b>exposant</b></sup>,
|
||
|
|
test<sub>test<sub>test</sub></sub>,
|
||
|
|
test<sup>test<sup>test</sup></sup>,
|
||
|
|
test<sub>test<sup>test</sup></sub>.
|
||
|
|
</span><br>
|
||
|
|
<br>
|
||
|
|
<table align="center" style="border-radius: 6mm; border-top: solid 3mm #000077; border-right: solid 2mm #007700; border-bottom: solid 1mm #770000; border-left: solid 2mm #007777; background: #DDDDAA;" ><tr><td style="width: 100mm; height: 20mm; text-align: center; ">Coucou ! ceci est un border solid avec un radius !!! </td></tr></table>
|
||
|
|
<br>
|
||
|
|
<table align="center" style="border-radius: 6mm; border: none; background: #DDDDAA;" ><tr><td style="width: 100mm; height: 20mm; text-align: center; ">Coucou ! ceci est un background avec un radius !!! </td></tr></table>
|
||
|
|
<br>
|
||
|
|
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: solid 4mm #000077; border-right: solid 3mm #007700; border-bottom: solid 2mm #770000; border-left: solid 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border solid</td></tr></table><br>
|
||
|
|
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: dotted 4mm #000077; border-right: dotted 3mm #007700; border-bottom: dotted 2mm #770000; border-left: dotted 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border dotted</td></tr></table><br>
|
||
|
|
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: dashed 4mm #000077; border-right: dashed 3mm #007700; border-bottom: dashed 2mm #770000; border-left: dashed 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border dashed</td></tr></table><br>
|
||
|
|
<table align="center" style="border: solid 1px #000000;"><tr><td style="border-top: double 4mm #000077; border-right: double 3mm #007700; border-bottom: double 2mm #770000; border-left: double 1mm #007777; padding: 2mm 4mm 6mm 8mm; width: 100mm; background: #FFDDDD">Coucou ! ceci est un border double</td></tr></table><br>
|
||
|
|
<?php $back = 'background-image: url(./res/off.png); background-position: left top; background-repeat: repeat; '; ?>
|
||
|
|
<table style="background: #FFAAAA; color: #000022; border: 3px solid #555555;">
|
||
|
|
<tr>
|
||
|
|
<td style="width: 40mm; border: solid 1px #000000; <?php echo $back; ?>color: #003300">Case A1</td>
|
||
|
|
<td style="width: 50mm; border: solid 1px #000000; <?php echo $back; ?>font-weight: bold;">Case A2</td>
|
||
|
|
<td style="width: 60mm; border: solid 1px #000000; <?php echo $back; ?>font-size: 20px;">Case A3</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td style="border: solid 1px #000000; text-align: left; <?php echo $back; ?>vertical-align: top; ">Case B1</td>
|
||
|
|
<td style="border: solid 1px #000000; text-align: center; <?php echo $back; ?>vertical-align: middle; height: 20mm">Case B2<hr style="color: #22AA22">test de hr</td>
|
||
|
|
<td style="border: solid 1px #000000; text-align: right; <?php echo $back; ?>vertical-align: bottom; border-radius: 3mm; ">Case B3</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
<table style="border: solid 2px #550000; background: #000022 url(./res/logo.png) center center no-repeat; color: #FFFFFF;">
|
||
|
|
<tr >
|
||
|
|
<td style="border: solid 1px #AAAAAA;">Case A1<BR>avec tests diverses</td>
|
||
|
|
<td style="border: solid 1px #AAAAAA;">Case A2</td>
|
||
|
|
<td style="border: solid 1px #AAAAAA;">Case A3 classic</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td style="border: solid 1px #AAAAAA;">Case B1<br>toto</td>
|
||
|
|
<td style="border: solid 1px #AAAAAA;background: #FF0000">Case B2</td>
|
||
|
|
<td style="border: solid 1px #AAAAAA;">Case B3</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
<table class="morpion" cellspacing="5px">
|
||
|
|
<tr>
|
||
|
|
<td class="j1">X</td>
|
||
|
|
<td class="j2">O</td>
|
||
|
|
<td class="j1">X</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="j2">O</td>
|
||
|
|
<td class="j1">X</td>
|
||
|
|
<td ></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="j2">O</td>
|
||
|
|
<td></td>
|
||
|
|
<td class="j1">X</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
<table style="border: dotted 1mm #FFFFFF; background: #AAAAFF">
|
||
|
|
<tr>
|
||
|
|
<td style="width: 42mm; text-align: center;font-size: 5mm">
|
||
|
|
Ceci est un test
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</page>
|