• ACCUEIL
  • blogger

    Article avec 2 colonnes

    Vous souhaitez écrire un article sur deux colonnes, sans créer de tableau ? un peu comme dans la presse.

    METHODE


    En mode "HTML" coller le code ci-dessous (bien sûr, vous pouvez/devez adapter la largeur des colonnes !

    <div style="width: 66%; float: left;">Compléter ici le contenu de la colonne GAUCHE avec du texte, images, vidéo...</div>
    <div style="width: 34%; float: right;">Compléter ici le contenu de la colonne DROITE  avec du texte, images, vidéo...</div>
    <div style="clear: both;"></div>

    Remarque : pour faire 3 colonnes, même principe
    <div style="float: left; width: 33%;">
    Compléter ici le contenu de la colonne GAUCHE avec du texte, images, vidéo...</div>
    <div style="float: right; width: 34%;">
    Compléter ici le contenu de la colonne CENTRE  avec du texte, images, vidéo...</div>
    <div style="float: right; width: 33%;">
    Compléter ici le contenu de la colonne DROITE  avec du texte, images, vidéo...</div>
    <div style="clear: both;">
    </div>





    EXEMPLE AVEC 2 COLONNES 
    INÉGALES


    COLONNE GAUCHE

    Compléter ici le contenu de la colonne gauche avec du texte, images, vidéo... Compléter ici le contenu de la colonne gauche avec du texte, images, vidéo...Compléter ici le contenu de la colonne gauche avec du texte, images, vidéo...Compléter ici le contenu de la colonne gauche avec du texte, images, vidéo...


    Compléter ici le contenu de la colonne gauche avec du texte, images, vidéo... Compléter ici le contenu de la colonne gauche avec du texte, images, vidéo...
    COLONNE DROITE

    Compléter ici le contenu de la colonne droite avec du texte, images, vidéo...