[RÉGLÉ] Affichage articles sur blog

[bgl1]

Bonjour,

Sur un site j'ai un lien de menu "blog" sur lequel s'affichent 6 articles soit 3 par ligne sur 2 lignes.

Je souhaite continuer sur cette forme d'affichage mais dès que j'ajoute un 7eme article la 1ere ligne comporte toujours 3 articles et les 4 autres se mettent "en vrac" en colonnes dessous, sur la moitié gauche de la page.

J'ai testé différentes configurations, j'ai bien compris que les réglages "menus" prennent le pas sur ceux des articles mais je ne parviens pas à mes fins.

Pouvez-vous m'éclairer ?

Par avance merci.

[lauraneb]

j'ai le meme probleme sur un lien de menu. alors que sur les autres je n'ai pas le probleme et pourtant c'est la meme configuration des menus et des categories.
http://www.macabann.com/fr/la-cabane...tion-de-textes
J'ai essayé avec le template protostar et le probleme se pose aussi. si je fais une copie d'un lien de menu valide pour la categorie qui pose probleme, j'obtiens encore la meme erreur, ce qui laisse penser que ce n'est pas un probleme de configuration de menu ou de categorie.
Il semble que se soit une erreur dans la maniere de répartir les articles en colonne.
si ça peut faire avancer le bidule

[RobertG]

Bonjour,

Il me semble me souvenir d'un incident du même type qui était dû à la non fermeture d'une balise (div je crois) dans le code-source d'un article, ce qui mettait le suivant dans celle du précédent et décalait donc.
A vérifier.

[bgl1]

Bonjour,

Différentes raisons m'ont un peu éloigné de ce problème mais j'y reviens !

Une vérification du code avec notepad, comme indiqué par RobertG, ne donne aucune erreur à priori.

Je continue de ramer

[dolmenhir]

Salut,

T'as une url à proposer pour qu'on aille voir ça de plus près ?

Dol.

[bgl1]

Bonjour,

Oui, c'est ici https://www.lesambruneschatel.fr/actualites.html

J'ai volontaire publié "goûter à la ferme" pour constater le résultat. Si je le désactive mes autres articles sont parfaitement alignés "en grille".

Merci pour ton aide.

Bgl

[woluweb]

A chaque fois que j'ai eu de genre de souci de layout, c'était un utilisateur qui avait mis des <div> dans son article... sans les fermer tous.

Le plus simple : dépublier tous les articles de la page, puis les republier un par un pour voir celui qui fait foirer...

[dolmenhir]

A chaque fois que j'ai eu de genre de souci de layout, c'était un utilisateur qui avait mis des <div> dans son article... sans les fermer tous.

+1

Le plus simple : dépublier tous les articles de la page, puis les republier un par un pour voir celui qui fait foirer...

Dépublier aussi le plugin JCH Optimize (et purger le cache) le temps du "débuggage".

[bgl1]

Bonjour,

- J'ai désactivé le plugin et purgé le cache.
- Dépublié tous les articles et republié un par un.
- Regardé le code avec notepad. Il ne me semble pas avoir de balise manquante mais je ne maitrise pas le truc à 100%.

C'est systématiquement à partir du 7eme article publié que ça part en vrille y compris en testant après création d'un nouvel article.

Merci pour votre aide et bonne journée.

[manu93fr]

Bonjour, il faut que tu regarde tes articles avec un éditeur en mode code pour voir s'il y a des balises qui ne seraient pas bien imbriquées ou manquantes ...

Essaie aussi avec le template protostar pour voir si tu as le même souci ...
si c'est le cas, ça confirmera que c'est bien un souci dans un article,
si c'est pas le cas, il faudra regarder de plus près le template ..

[bgl1]

Bonjour,

Bonjour, il faut que tu regarde tes articles avec un éditeur en mode code pour voir s'il y a des balises qui ne seraient pas bien imbriquées ou manquantes ...

J'ai fait avec notepad...

Essaie aussi avec le template protostar pour voir si tu as le même souci ...

Testé à l'instant et c'est pareil. La seule différence entre protostar "base" et la version plus" est que l'image de fond disparait et la page prends toute la largeur de l'écran (pour moi normal = fonction responsive)

si c'est le cas, ça confirmera que c'est bien un souci dans un article,

Si je peux me permettre un copié/collé du code :

6eme article :

<p style="margin-bottom: 15px; font-size: 13px; text-align: justify;"><span style="font-family: arial,helvetica,sans-serif; font-size: large;"></span><span style="font-family: arial,helvetica,sans-serif; font-size: medium;"></span><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Venez vous initiez ou vous perfectionner aux techniques de pêche au lancer en eau douce sur la commune de Châtel (Haute Savoie).</span></p>
<div style="margin-bottom: 15px; font-size: 13px; text-align: justify;"><hr id="system-readmore" /></div>
<div style="margin-bottom: 15px; font-size: 13px; text-align: justify;"><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Le Lac de Vonnes est accessible à pied, en voiture ou en navette depuis <a name="id26"></a><a id="26" href="le-studio/situation">la Résidence Les Ambrunes</a>. </span></div>
<div style="margin-bottom: 15px; font-size: 13px; text-align: justify;"><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Une équipe de <strong>pêcheurs à la mouche passionnés</strong>, tous <strong>initiateurs fédéraux</strong>, vous feront partager leur passion et leurs techniques <strong>tous les mardis</strong> de 10 heures à 11 heures 30 <strong>du 01 juillet au 26 août 2014</strong>.</span></div>
<h2 style="margin-bottom: 15px; font-size: 13px; text-align: justify;"><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Découvrir la pêche à Châtel : comment s'organiser ?</span></h2>
<div style="margin-bottom: 15px; font-size: 13px; text-align: justify;">
<ul style="text-align: justify;">
<li><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">matériel fourni (canne à pêche, appâts...),</span></li>
<li><span style="font-family: arial,helvetica,sans-serif; font-size: medium;"> Activité accessible aux enfants à partir de 6 ans (accompagnés des parents),</span></li>
<li><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Inscription à l'avance auprès de Châtel Tourisme,</span></li>
<li><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Adulte : 14 € et enfant : 7 €.</span></li>
<li><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">12 personnes maximum,</span></li>
<li><span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Groupes sur réservation.</span></li>
</ul>
<span style="font-family: arial,helvetica,sans-serif; font-size: medium;">Pour le <strong>rangement de votre matériel en toute sécurité</strong> bénéficiez <strong>gratuitement</strong> de la mise à disposition d'une <strong>cave privative</strong> en réservant <a name="id2"></a><strong><a id="2" href="le-studio/pour-votre-confort">votre location de vacances à Châtel</a> ICI.</strong></span><a href="http://www.initiation-peche-decouverte.com/"></a></div>
<div style="margin-bottom: 15px; font-size: 13px;">&nbsp;</div> 

7eme article:

<h1 class="pave1 pave-containText"><span class="contenu_descriptif" style="font-size: 14pt;">7ème édition des "Neiges Etoilées"<br /></span></h1>
<div class="pave1 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;"> Grand rendez-vous de gastronomie autour d'un challenge culinaire sur le thème du chocolat.</span></div>
<div class="pave1 pave-containText"><hr id="system-readmore" /></div>
<div class="pave2 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">Du 06 au 09 février 2019</span></div>
<div class="pave2 pave-containText">&nbsp;</div>
<div class="pave2 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">Le parrain de l'événement sera Philippe Rigollot, champion du monde de pâtisserie en 2005, Meilleur Ouvrier de France Pâtissier en 2007, élu meilleur pâtissier de l'année par ses pairs en 2008. <br /> <br /> Il sera accompagné de nombreux autres grands chefs et grands pâtissiers Meilleurs Ouvriers de France (MOF).</span></div>
<div class="pave2 pave-containText">&nbsp;</div>
<div class="pave2 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;"> Vous pourrez les retrouver pour des cours et démonstrations de cuisine. <br /> </span></div>
<div class="pave2 pave-containText">&nbsp;</div>
<div class="pave2 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">Plusieurs concours sont prévus: <br /> <br /> - Concours des écoles de cuisine.<br /> - Concours du meilleur pâtissier amateur.<br /> - Concours des maires des Portes du Soleil.<br /> - Concours de vitrines des commerces de Châtel.<br /> <br /> Tout au long de la semaine seront proposés: cours de cuisine, shows culinaires et ateliers d'œnologie.</span></div>
<div class="pave2 pave-containText">&nbsp;</div>
<div class="pave2 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">Pour cette édition sont attendus : Frédéric Deville, Quentin Bailly, Damien Moutarlier, Ludovic Mercier, Sébastien Brocard, Michel Deville, Sébastien Bouillet, Jean Deville, Michel Roth, Stéphane Arrete, Dominique Lagnier, Mikael Bouvier, Céline Macchi, Alice Vuarand, Loïc Grillet, Damien Hautin et Sébastien Trincaz.</span></div>
<div class="pave2 pave-containText">&nbsp;</div>
<div class="pave2 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">Lieu : Place de l'église à deux pas de <a title="Se situer à Châtel" href="index.php/le-studio/situation">la Résidence Les Ambrunes</a></span></div> 

8eme article :

<div class="description">
<h1 class="pave1 pave-containText"><span class="contenu_descriptif"><span style="font-size: 14pt;">Visitez une ferme traditionnelle de Châtel</span> </span></h1>
<hr id="system-readmore" />
<div class="pave1 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">Dégustation de produits locaux et de terroir pour le plaisir des sens.</span></div>
<div class="pave1 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">Découvrez les vaches de la race abondance, dégustez le fromage et les produits fermiers.<br /> Possibilité de réserver un goûter le jeudi si le mardi est complet.</span></div>
<div class="pave2 pave-containText"><span class="contenu_descriptif" style="font-size: 12pt;">15h30: Rendez-vous à la ferme avec Chantal, agricultrice.<br /> Explications sur la vie d'agriculteurs, visite de la ferme et de la cave à fromage puis goûter (charcuterie, fromage, confiture...).<br /> Retour aux alentours de 17h.</span></div>
</div> 

Que j'active le 7e et / ou le 8e c'est à partir de là que la mise en page part en vrille. Ce n'est pas une question de nombre d'articles, à priori, car si je désactive un "ancien article" pour rester à 6 sur la page tout est en vrac aussi.



Merci à tous pour votre aide.

[dolmenhir]

Pour moi, le bloc

<div class="items-row cols-3 row-1 row-fluid clearfix">

ne devrait pas être dans le bloc, mais après.

<div class="items-row cols-3 row-0 row-fluid clearfix">

et je pense que le problème vient de là, problème qui doit s'amplifier à chaque nouvelle ligne qui finie par s'imbriquer dans la précédente...
Ce premier "div" doit être fermé plus tôt. pour que chaque ligne suivante soit bien indépendante.

[dolmenhir]

Par ailleurs, pour le principe...
Pourquoi tous ces

style="font-size: 12pt;"

A quoi ça sert de faire des classes ?
Et puis pourquoi faire des div pour les paragraphes ?
Il existe pourtant la balise "p"

[lesoutier]

Il y aurait besoin d'un sérieux nettoyage du code, par exemple un grand nombre de balises span ne servent à rien, et les css ne sont pas utilisées, tous les styles sont intégrés et répétitifs.

[bgl1]

Re,

Merci pour ces retours.

Je vais regarder cela, mais pas de suite, et reviens pour le résultat.

Pour ce qui est du code je passe tout simplement par l'éditeur wysiwig...?

A suivre.

Bon apm.