Blog sur deux colonnes

[BaudouinPaul]

Bonjour à tous !
J'utilise un code afin de faire paraître mon code sur deux colonnes  

Code:

<style type="text/css">
/*<![CDATA[*/
div.blogselection {
  display: block;
  width: 100%;
 }
div.n.clearover.j-blogarticle {
  width: 40%;
  float: left;
  margin-left: 40px ;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 0px;}
 /*]]>*/
</style>

Cela fonctionne parfaitement ... Parfois !!
Je m'explique, jusqu'ici tout se passait bien. Mes photos d'articles sont toutes en 30x20, j'avais bien les 4 derniers articles qui s'affichent, en deux colonnes.
https://i.servimg.com/u/f58/19/32/01/46/captur10.jpg

Cependant, lors de l'ajout de certains articles (pourtant avec photo de même dimension ...), l'article d'en bas à gauche se décale vers le bas ...
https://i.servimg.com/u/f58/19/32/01/46/captur11.jpg

J'ai beau modifier les paramètres du code, rien n'y fait ... Voyez vous une solution ?
Cordialement,
Paul (www.cdck44. fr)

[FilmsdeLover]

J'avais eu le même problème et la solution me fut donnée dans ce fil : http://www.jimdoforum.fr/t595-aux-experts-aide-css-pour-l-apercu-du-blog Faut spécifier une largeur et une hauteur, si je me souviens bien.

[BaudouinPaul]

Super ça fonctionne ! Pourquoi n'y ai-je pas pensé ...
Code modifié ->

Code:

<style type="text/css">
/*<![CDATA[*/
div.blogselection {
  display: block;
  width: 100%;
 }
div.n.clearover.j-blogarticle {
  width: 46%;
  float: left;
  margin-left: 5px ;
  margin-right: 15px;
  margin-bottom: 5px;
  margin-top: 0px;
  height: 460px;
  width: 450px
}
 /*]]>*/
</style>

Merci encore !
Paul

[FilmsdeLover]

Y'a pas vraiment de tuto à faire, il suffit de copier-coller le code donné par Paul plus haut dans le Head et les modules "Aperçu du blog" apparaitront sur 2 colonnes. Pour les mettre sur 3 colonnes, il faut changer le pourcentage de width et mettre 31% il me semble. Ne pas oublier non plus de changer les données "height".

La base est là, dans le code donné par Paul, et il suffit de modifier quelques trucs pour arriver à ce qu'on veut.

[FilmsdeLover]

Ce n'est pas possible non, car il n'est pas possible d'ajouter un module "Affichage de blog" sur une page "Blog". Donc il faut le faire à la main, avec le module "Colonnes" et des modules "Image", "Texte" etc.

[durk23]

Bonjour,

j'ai mis le même code que paul mais sur la version mobile, les liens "lire l'article" et "commentaire" ne fonctionnent plus. Sauriez-vous pourquoi et comment faire pour palier à ce problème ?


<style type="text/css">
/*<![CDATA[*/
div.blogselection {
 display: block;
 width: 100%;
}
div.n.clearover.j-blogarticle {
 width: 46%;
 float: left;
 margin-left: 5px ;
 margin-right: 15px;
 margin-bottom: 5px;
 margin-top: 0px;
 height: 100%;
 width: 300px
}
/*]]>*/
</style>

[Contenu sponsorisé]