-
nouvel accueil 3
250 x 250 550 x 70 550 x 180 ===============================================================================================
CREER UN TABLEAU A QUATRE CELLULES, AVEC BORDURE COULEUR, 3 COINS ARRONDIS, ET OMBRAGE
<table style="border-radius: 50px; border: 1px solid #1a6aeb; width: 800px; height: 250px; display: block; box-shadow: 9px 9px 3px olive; background-color: #ffffff;">
créer un tableau à 4 cellules <table>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr></table>
copier la propriété : display: block; <table style="display: block;"> permet l'affichage en block : indispensable
dimensionner le tableau : width: 800px; height: 250px; <table style="display: block; width: 800px; height: 250px;">
colorer la bordure : border: 1px solid #1a6aeb; <table style="display: block; width: 800px; height: 250px; border: 1px solid #1a6aeb;">
arrondir les angles : border-radius: 0px 30px 30px; <table style="display: block; width: 800px; height: 250px; border: 1px solid #1a6aeb; border-radius: 0px 30px 30px;">
ajouter l'ombre : box-shadow: 9px 9px 3px olive; <table style="display: block; width: 800px; height: 250px; border: 1px solid #1a6aeb; border-radius: 0px 30px 30px; box-shadow:
9px 9px 3px olive;">
ajouter le fond blanc: background-color: #ffffff; <table style="display: block; width: 800px; height: 250px; border: 1px solid #1a6aeb; border-radius: 0px 30px 30px; box-shadow: 9px
9px 3px olive; background-color: #ffffff;">
dimensionner les cellules : au départ :
<tr>
dimensionner les cellules
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>fusionner les 2 cellules de gauche :
<tr>
<td rowspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>dimensionner les 2 cellules fusionnées / 250 x 250
<tr>
<td style="width: 250px; height: 250px;" rowspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>dimensionner la cellule droite/bas : 550x 180
droite/haut : 550x70<tr>
<td style="width: 250px; height: 250px;" rowspan="2"> </td>
<td style="width: 550px; height: 70px;"> </td>
</tr>
<tr>
<td style="width: 550px; height: 180px;"> </td>
</tr>ajouter une image dans la cellule Le titre et le commentaire
bonjour marcel Ah Marcel ! Il en a des histoires à raconter. Il est intarissable. D’ailleurs, vous voudriez l’arrêter que vous ne pourriez pas. Il a une mémoire éléphantesque et se souvient de tous les détails de sa vie, qu’il se plait à raconter et qu’il me plait d’entendre.
Faites sa connaissance