<head> <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(../public/images/puce2.gif); } .ul1 li { color:#F19031; } .ul2 { list-style: square; } .ul2 li { color:#31F190; } .ul3 { list-style: none; } .ul3 li { color:#9031F1; } --> </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> 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='../public/images/logo.gif' 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> </body> |