Affichage articles sur blog

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Affichage articles sur blog

    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.

  • #2
    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

    Commentaire


    • #3
      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.
      woluweb aime ceci.
      "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
      MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

      Commentaire


      • #4
        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

        Commentaire


        • #5
          Salut,

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

          Dol.
          Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
          Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
          Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

          Commentaire


          • #6
            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

            Commentaire


            • #7
              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...
              Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

              Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

              Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

              Commentaire


              • #8
                Envoyé par woluweb Voir le message
                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

                Envoyé par woluweb Voir le message
                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".
                Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
                Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                Commentaire


                • #9
                  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.

                  Commentaire


                  • #10
                    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 ..
                    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
                    Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

                    Commentaire


                    • #11
                      Bonjour,

                      Envoyé par manu93fr Voir le message
                      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 :
                      Code PHP:
                      <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 à pieden 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</strongde 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é</strongbénéficiez <strong>gratuitement</strongde 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:
                      Code PHP:
                      <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 Rigollotchampion du monde de pâtisserie en 2005Meilleur 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 DevilleQuentin BaillyDamien MoutarlierLudovic MercierSébastien BrocardMichel DevilleSébastien BouilletJean DevilleMichel RothStéphane ArreteDominique LagnierMikael BouvierCéline MacchiAlice VuarandLoïc GrilletDamien 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 :
                      Code PHP:
                      <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 abondancedé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;">15h30Rendez-vous à la ferme avec Chantalagricultrice.<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.
                      Dernière édition par lesoutier à 26/10/2020, 11h43

                      Commentaire


                      • #12
                        Pour moi, le bloc
                        Code:
                        <div class="items-row cols-3 row-1 row-fluid clearfix">
                        ne devrait pas être dans le bloc, mais après.
                        Code:
                        <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.
                        Dernière édition par dolmenhir à 26/10/2020, 12h42
                        Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
                        Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                        Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                        Commentaire


                        • #13
                          Par ailleurs, pour le principe...
                          Pourquoi tous ces
                          Code:
                          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"
                          Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
                          Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                          Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                          Commentaire


                          • #14
                            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.
                            Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                            Confucius

                            Commentaire


                            • #15
                              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.

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X