• 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>&nbsp;</td>
                                                                                                           <td>&nbsp;</td>
                                                                                                           </tr>
                                                                                                            <tr>
                                                                                                           <td>&nbsp;</td>
                                                                                                            <td>&nbsp;</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>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr> 

     

     fusionner les 2 cellules de gauche : 

    <tr>
    <td rowspan="2">&nbsp;&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>

    dimensionner les 2 cellules fusionnées / 250 x 250

    <tr>
    <td style="width: 250px; height: 250px;" rowspan="2">&nbsp;&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>

    dimensionner la cellule droite/bas  :  550x 180
                                      droite/haut : 550x70

    <tr>
    <td style="width: 250px; height: 250px;" rowspan="2">&nbsp;&nbsp;</td>
    <td style="width: 550px; height: 70px;">&nbsp;</td>
    </tr>
    <tr>
    <td style="width: 550px; height: 180px;">&nbsp;</td>
    </tr>

      

     ajouter une image dans la cellule Le titre   et le commentaire

     

    nouvel accueil 3

     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