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.
Rodney,
RépondreSupprimerRalentis, j'ai pas le temps de noter !!
René
Excellente cette astuce, elle marche nickel !!! Je m'en suis servi pour afficher la liste des 500 blogs connus !!!
RépondreSupprimerhttp://link78.blogspot.com/
Moi ça m'affiche la deuxième colonne avec un léger décallage vers le bas. Une idée ?
RépondreSupprimerEt bravo pour le blog, juste fantastique!
Je pense que le html ne suffit pas pour cette affaire par exemple pour ;float: ne faut il ajouter de la CSS ?
RépondreSupprimer@ 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épondreSupprimerIl 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épondreSupprimerExcellent, ça marche nikel.
RépondreSupprimerVoici le blog
http://mundo-expresate.blogspot.com/2010/10/john-lennon-habria-tenido-70-anos-este.html
Avec des tableaux: 2 tableaux pour les contenus et un pour faire la séparation cela pourrait faire l'affaire aussi je pense
RépondreSupprimerExcellent astuce , voila l’aperçue de mon blog :http://www.tutooos.com/
RépondreSupprimerMerciiiii !
RépondreSupprimer