Un article sur deux colonnes

By
Advertisement

Dans les magazines et autres journaux, il est fréquent de voir un article mis sur deux colonnes de la même page. Nos blogs étant les journeaux dont nous sommes les éditeurs, il se pourrait que certains parmi vous ayent envie de faire la même chose que les journaux classiques en mettant en deux colonnes le contenu de leur article.
Pour cela, voici le code html dont vous avez besoin. Il est à mettre dans la case où vous devez écrire votre article, en remplaçant le phrase y écrite par le contenu approprié. Si vous voulez mettre des paragraphes, vous pouvez utiliser les balises <p> et </p> au milieu desquelles vous mettrez le contenu de votre paragraphe.



Code pour mettre son article en deux colonnes sur Blogger.



<div style="width: 45%; float: left;">Contenu de la colonne gauche ici</div>

<div style="width: 45%; float: right;">Contenu de la colonne droite ici</div>

<div style="clear: both;"></div>


Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.


10 commentaires:

  1. Rodney,

    Ralentis, j'ai pas le temps de noter !!

    René

    RépondreSupprimer
  2. Excellente cette astuce, elle marche nickel !!! Je m'en suis servi pour afficher la liste des 500 blogs connus !!!

    http://link78.blogspot.com/

    RépondreSupprimer
  3. Moi ça m'affiche la deuxième colonne avec un léger décallage vers le bas. Une idée ?

    Et bravo pour le blog, juste fantastique!

    RépondreSupprimer
  4. Je pense que le html ne suffit pas pour cette affaire par exemple pour ;float: ne faut il ajouter de la CSS ?

    RépondreSupprimer
  5. @ Jacques : S'il faut en plus aujouter du css pour mieux embellir ce code, il faudra un identifiant unique pour ce css, genre (deuxcolonnes) et ajouter dans le div du code, les identfiants id="deuxcolonnes"

    RépondreSupprimer
  6. Il fonctionne très bien ton code en html je l'ai essayé avec un éditeur pur code aussi ! J'ai mis un lien vers cette page afin que plus de monde connaisse ce que tu fais . Personnellement j'ai été impressionné par tes photo de ta vie quotidienne qui n'est pas tjs de tout repos . Et aussi celle du poisson coelacanthe on dirait une sculture sur bois peint . Bravo

    RépondreSupprimer
  7. Excellent, ça marche nikel.
    Voici le blog
    http://mundo-expresate.blogspot.com/2010/10/john-lennon-habria-tenido-70-anos-este.html

    RépondreSupprimer
  8. Avec des tableaux: 2 tableaux pour les contenus et un pour faire la séparation cela pourrait faire l'affaire aussi je pense

    RépondreSupprimer
  9. Excellent astuce , voila l’aperçue de mon blog :http://www.tutooos.com/

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT