<head> <style type="text/Css"> <!-- .test1 { border: solid 1px #FF0000; background: #FFFFFF; border-collapse: collapse; } --> </style> </head> <body> <span style="font-weight: bold; font-size: 18pt; color: #FF0000; font-family: Times">Bonjour, voici quelques exemples<br></span> <br> Retours à la ligne autorisés : <br>, <br >, <br/>, <br /> <br /> <br> Barre horizontale <hr><hr style="height: 4mm; background: #AA5500; border: solid 1mm #0055AA"> Exemple de lien : <a href="http://html2pdf.fr/" >le site HTML2PDF</a><br> <br> Image : <img src="/public/images/logo.gif" alt="Logo" s_width=150 /><br> <br> Alignement horizontal des DIVs et TABLEs<br /> <table style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%" align="center"><tr><td style="width: 100%">Test 1</td></tr></table><br /> <table style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%; margin: auto"><tr><td style="width: 100%">Test 2</td></tr></table><br /> <div style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%; margin: auto">Test 3</div><br /> test de tableau imbriqué :<br> <table border="1" bordercolor="#007" bgcolor="#AAAAAA" align="center"> <tr> <td border="1"> <table style="border: solid 1px #FF0000; background: #FFFFFF; width: 100%; text-align: center"> <tr> <th style="border: solid 1px #007700;width: 50%">C1 € «</th> <td style="border: solid 1px #007700;width: 50%">C2 € «</td> </tr> <tr> <td style="border: solid 1px #007700;width: 50%">D1 € «</td> <th style="border: solid 1px #007700;width: 50%">D2 € «</th> </tr> </table> </td> <td border="1">A2</td> <td border="1">AAAAAAAA</td> </tr> <tr> <td border="1">B1</td> <td border="1" rowspan="2"> <table class="test1"> <tr> <td style="border: solid 2px #007700">E1</td> <td style="border: solid 2px #000077; padding: 2mm"> <table style="border: solid 1px #445500"> <tr> <td> <img src="/public/images/logo.gif" alt="Logo" s_width=100 /> </td> </tr> </table> </td> </tr> <tr> <td style="border: solid 2px #770000">F1</td> <td style="border: solid 2px #007777">F2</td> </tr> </table> </td> <td border="1"><barcode type="EAN13" value="45" style="width: 30mm; height: 6mm; font-size: 4mm"></barcode></td> </tr> <tr> <td border="1"><barcode type="C39" value="HTML2PDF" label="none" style="width: 35mm; height: 8mm"></barcode></td> <td border="1">A2</td> </tr> </table> <br> Exemple avec border et padding : <br> <table style="border: solid 5mm #770000; padding: 5mm;" cellspacing="0" > <tr> <td style="border: solid 3mm #007700; padding: 2mm;"><img src="/public/images/off.png" alt="" style="width: 20mm"></td> </tr> </table> <img src="/public/images/off.png" style="width: 10mm;"><img src="/public/images/off.png" style="width: 10mm;"><img src="/public/images/off.png" style="width: 10mm;"><img src="/public/images/off.png" style="width: 10mm;"><img src="/public/images/off.png" style="width: 10mm;"><br> <br> <table style="border: solid 1px #440000; width: 150px" cellspacing="0"><tr><td style="width: 100%">Largeur : 150px</td></tr></table><br> <table style="border: solid 1px #440000; width: 150pt" cellspacing="0"><tr><td style="width: 100%">Largeur : 150pt</td></tr></table><br> <table style="border: solid 1px #440000; width: 100mm" cellspacing="0"><tr><td style="width: 100%">Largeur : 100mm</td></tr></table><br> <table style="border: solid 1px #440000; width: 5in" cellspacing="0"><tr><td style="width: 100%">Largeur : 5in</td></tr></table><br> <table style="border: solid 1px #440000; width: 80%" cellspacing="0"><tr><td style="width: 100%">Largeur : 80% </td></tr></table><br> </body> |