Petit problème de div (Créer un compte)

  • Statut : non résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #522549
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.5
    – Version de PHP/MySQL : 5
    – Thème utilisé : mingle
    – Extensions en place :
    – Nom de l’hebergeur : infomaniak
    – Adresse du site : -onbuzz.fr

    Problème(s) rencontré(s) : Je viens d’installer un system de scroll infini et je rencontre un problème a chaque scroll les articles se décalle, essayer sur mon site :

    -onbuzz.fr

    allez en bas de page vous allez voir les articles se charger, ces articles sont décallés par rapport aux autres.

    J’ai discuter de cela avec la personne qui a créer le tuto « infinite scroll »

    http://www.geekpress.fr/wordpress/tutoriel/infini-scroll-archives-1840/#comment-4832

    Il m’a expliqué sur cette discussion ce qui cloche mais je ne sais pas comment corriger le problème.

    c’est juste une histoire de DIV apparemment, je lui ai dit que je n’arrivais pas à corriger le problème mais il ne veux pas me répondre plus en détail faute de temps surement.

    Pourriez vous m’indiquer le problème s’il vous plait ? Cordialement.

    #886556
    luciole135
    Participant
    Maître WordPress
    13714 contributions

    Sans voir le code, difficle d’en dire plus que Jonathan !
    copiez collez le code avec les balises CODE (le gros C) en faisant précéder le code de la balise <?php

    #886557
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Voici, merci luciole

    <section class="content-post-list">
    <ol class="posts-list hfeed">
    <div id="i-scroll">
    have_posts() ) : $blog_query->the_post();

    // style and layout info
    $postClass = array();

    // images enabled?
    if ($blogOptions[‘blog_featured_images’]) {

    // class
    $postClass[] = ‘style-image-left’;

    // get thumbnail image
    $thumb = get_post_thumbnail_id();

    // image sizes
    $imageW = $blogOptions[‘image’][‘width’];
    $imageH = $blogOptions[‘image’][‘height’];

    // get resized image
    // this will return the resized $thumb or placeholder if enabled and no $thumb
    $image = vt_resize( $thumb,  », $imageW, $imageH, true );

    // If media field is populated use lightbox for image/video on click
    $popup_link =  »;
    if (get_meta(‘media_url’)) {
    $popup_link = ‘<a href="'. get_meta('media_url') .'" class="popup" title="'. get_meta('media_title') .'">‘;
    }
    }

    if (!$image[‘url’]) {
    // no imge
    $postClass[] = ‘noImage’;
    }

    ?>

    <li class="post-item clearfix">
    <article id="post- » >

    <div class="the-post-image">

    <a href=" » rel= »bookmark » title= » »>

    <figure>
    <img src=" » width= » » height= » » />
    </figure>
    </a>
    </div>

    <div class="container">
    <div class="post-bubble-arrow"></div>

    <header class="entry-header">

    <!-- Title / Page Headline -->
    <h2 class="entry-title"><a href=" » rel= »bookmark » title= » »></a></h2>


    <div class="post-header-info">

    <address class="vcard author">

    </address>

    <abbr class="published" title=" »><span class="entry-date"></span></abbr>
    <?php
    // seperator
    if ($blogOptions['comments_link']) { echo ' <span class="meta-sep">/</span> ‘; }
    endif;
    if ($blogOptions[‘comments_link’]) :
    // comments link ?>
    <span class="comments-link"></span>
    </div>



    </header>

    <!-- Content -->
    <div class="entry-content">


    </div><!-- END .entry-content -->

    <!-- Post Footer -->
    <footer class="post-footer-info">

    <div class="cat-links">
    <?php printf( __( '<span class="%1$s">Etat : </span> %2$s’, THEME_NAME ), ‘entry-utility-prep entry-utility-prep-cat-links’, get_the_category_list( ‘, ‘ ) ); ?>
    </div>

    <div class="tag-links">
    <?php printf( __( '<span class="%1$s">Tagged</span> %2$s’, THEME_NAME ), ‘entry-utility-prep entry-utility-prep-tag-links’, $tags_list ); ?>
    </div>

    </footer><!-- END .post-footer-info -->

    </div>
    </article>
    </li>


    </div>
    <img style="display: none" class="loader" src="/ajax-loader.gif » alt= » » />
    </ol>
    </section>

    #886558
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    (On ne peux plus éditer les posts sur ce forum maintenant FIOOUUUU)

    Je voulais donc préciser que j’ai juste rajouter la div suivante :

    comme dans le tuto de jonathan

    Il ma dit que le problème venait du faite que je les mise entre la class ol posts list hfeed

    j’ai donc essayer comme il ma dit enfin si j’ai compris ce qu’il ma dit je cite :

    C’est normal, vous avez mis la div à l’intérieur du ol qui possède les class posts-list hfeed. En fait, il faudrait supprimer la div i-scroll et mettre l’id sur le ol

    j’ai essayé ça :

      et supprimé

      mais j’ai toujours le meme problème.

      Je ne comprend ce qu’il veut dire par « mettre l’id sur le ol » :rolleyes:

    #886559
    luciole135
    Participant
    Maître WordPress
    13714 contributions

    Jonathan vous d’écrire ceci sur les premières lignes de votre code :

    <?php
    <section class="content-post-list">
    <ol class="posts-list hfeed" id="i-scroll">
    <?php
    if (!$blog_query) $blog_query = $wp_query;
    $blogOptions = ($shortcode_values) ? $shortcode_values : $theLayout['blog'];

    #886560
    luciole135
    Participant
    Maître WordPress
    13714 contributions

    Ne tenez pas compte du

    <?php

    à la première ligne, je l’ai ajouté pour ne pas que les balises code (le gros C) modifie l’ordre des ligne !

    #886561
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    oui Luciole c’est ce que j’ai fais, j’y retourne pour refaire cela mais ca va faire la même chose, avez vous firebug ?

    #886562
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Toujours ce décalage à chaque scroll, cette histoire rend dingue 😉

    #886563
    luciole135
    Participant
    Maître WordPress
    13714 contributions

    Vous avez dit avoir fait

    j’ai essayé ça :

      et supprimé

    avez-vous essayé ceci

      en ayant supprimé la ligne suivante comme le dit jonathan

      ?

      Il y a une différence entre ce que vous avez dit avoir fait et ce que je vous ai dit de faire (ce que Jonathan vous a dit)…

      #886564
      lulu2006
      Membre
      Chevalier WordPress
      409 contributions

      ah avec « id » pardon je vais essayer je ne connaissais pas ça

      #886565
      lulu2006
      Membre
      Chevalier WordPress
      409 contributions

      Alors et bien ca ne change pas le problème avec

        :( je comprend pas peut etre une autre technique ?

      #886566
      lulu2006
      Membre
      Chevalier WordPress
      409 contributions

      tu pense avoir une autre solution au problème ou tu pense que je devrai me tourner vers quelqu’un en particulier ?

      #886567
      luciole135
      Participant
      Maître WordPress
      13714 contributions
      lulu2006 wrote:
      tu pense avoir une autre solution au problème ou tu pense que je devrai me tourner vers quelqu’un en particulier ?

      N’ayant pas examiné le procédé, le plus simple est d’écrire à nouveau à Jonathan en lui donnant l’adresse de cette discussion.
      Il verra ainsi votre code et ce cloche bien plus rapidement que moi car je n’ai jamais mis en pratique cette technique (bien qu’elle m’intéresserait au plus haut point pour les commentaires sur mon site qui allonge considérablement le chargement de mes pages).

      Mais d’après les commentaires que j’ai pu voir sur son site, cette technique nécessite de paginer les commentaires, or sur mon site, si je pagine les commentaires, je ne peux pas faire de référence (lien HTML) vers ces mêmes commentaires dans les articles (ce que je fais très souvent) car cela modifie le slug et rend ainsi les commentaires introuvables…

      Je réfléchis à paginer les commentaires en utilisant une pagination en AJAX (mais c’est très long car je dois apprendre les bases de l’AJAX).

      peut-être que quelqu’un de plus callé pourra vous répondre.

      Avez-vous vidé le cache de votre navigateur à tout hasard ?

      #886568
      lulu2006
      Membre
      Chevalier WordPress
      409 contributions

      Oui je viens de le contacter en éspérant qu’il puisse me consacrer 2 minutes, j’ai vidé le cache mais rien n’y fait, le problème vient de la balise

        En faite elle se répète a chaque fois qu’il y a un scroll, d’ou le problème de décalage…

    14 sujets de 1 à 14 (sur un total de 14)
    • Vous devez être connecté pour répondre à ce sujet.