Les résultats personnalisés de la page de résultats wordpress personnalisée sont listés du bas vers le haut (code dynamique opposé). Comment puis-je changer cela?

Question

J'utilise

<?php get_search_form(); ?> 

dans ma tête. Et le code qui est produit dynamiquement répertorie les éléments de haut en bas, mais ils apparaissent de bas en haut et aller dans ma bannière.

Je ne peux contrôler que l'endroit où le résultat (premier) du bas atterrit sur la page, donc le déplacer vers le bas pour créer de la place serait inutile si la recherche ne ramenait que quelques résultats.

J'ai essayé de régler la hauteur et d'utiliser overflow: scroll; mais pour une raison quelconque la page ne peut pas le gérer et elle affiche seulement quelques résultats indépendamment de la hauteur du conteneur.

Je ne suis pas un gourou PHP mais je peux généralement suivre et apporter des corrections. J'ai obtenu ce PHP pour la page de résultats de ce site.

<?php if (have_posts()) : ?> 

    <?php while (have_posts()) : the_post(); ?> 

<div class="post" id="post-<?php the_ID(); ?>"> 
    <h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> 
    <p class="meta"><small>Posted on <?php the_time('F jS, Y') ?> by <?php the_author() ?> <?php edit_post_link('Edit', ' | ', ''); ?></small></p> 
    <div class="entry"> 
     <?php the_excerpt(); ?> 
    </div> 

</div> 
<?php endwhile; ?> 
    <div class="navigation"> 
     <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div> 
     <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div> 
    </div> 

Le site est actuellement ici http://testsite.saltrockdesign.com/ Il est un site personnalisé pour un projet scolaire, mais un vrai client aussi. Évidemment pas fini .. Toute aide se traduira par beaucoup d'amour et de bonheur de moi.

Answer 1

Eh bien, je ne peux pas expliquer pourquoi cela se passe. C'est certainement particulier. Mais je peux vous dire où est le problème et comment le réparer.

Pour une raison quelconque, cela fait tout apparaître à l'envers:

.title { 
    margin-top: -350px; 
} 

Débarrassez-vous de cela, et vous pouvez également vous débarrasser de la mise margin-top dans .page4 et .span8. Ensuite, il suffit de choisir l'un de ces deux derniers éléments et de mettre dans une seule marge-haut qui vous mène à l'endroit où vous voulez être.