Buenas tardes, he tenido un problema que ya me la gano de cierta manera y no comprendo el por qué pasa. Hice un loop el cual esta dentro de unas etiquetas ul, la idea de esto era mostrar solo las imagenes y el titulo de la entrada y a la vez que se adapten al ancho de pantalla con media query, pero en la practica solo me ha andado a medias, me funciona cuando todas las entradas tienen su imagen destacada, pero al momento de poner 2 que esten sin ella la primera me sigue respetando el orden pero la que le sigue se sale del flujo, eso me sucede ya con todas las demas que le siguen. Para que se entienda les muestro unas imagenes.
segun el depurador de chrome me dice q se generan unas etiquetas li fuera de donde corresponde:
el codigo del loop es este:
Código:
<section class="section">
<?php $posts = query_posts( $query_string . '&orderby=title&order=asc&posts_per_page=-1' ) ?>
<div class="titulomob"><h2><?php printf( __( 'Resultados relacionados con %s', 'twentyeleven' ), '<span>' . get_search_query() . '</span>' ); ?></h2></div>
<?php if ( have_posts() ) : ?>
<article class="categoria">
<article class="categoria">
<ul id="loopcat">
<?php while (have_posts()) : the_post(); ?>
<?php if ( has_post_thumbnail() ) {?><li>
<figure><a href="<?php the_permalink();?>">
<?php the_post_thumbnail('index-thumbnail');?></a>
<figcaption><a href="<?php the_permalink();?>"><?php the_title(); ?></a>
</figcaption></figure></li>
<?php }else{ ?>
<li><figure>
<a href="<?php the_permalink();?>">
<img src="<?php bloginfo('template_url');?>/images/default.jpg" alt="<?php the_title();?>"/></a><figcaption><a href="<?php the_permalink();?>"><?php the_title(); ?></a>
</figcaption>
</figure></li>
</ul>
</article>
<?php }?>
<?php endwhile; else: ?>
<article class="categoria">
<div class="titulomob"><h2><?php _e('No hay resultados para su Búsqueda'); ?></h2></div>
<div class="busqueda">
<?php get_search_form();?>
</div>
</article>
<?php endif; ?>
ya he movido mucho de lugar y pues sigo sin saber el motivo de esto.