Lista não flutua após loop

Resolvido

(@chlins)

Pessoal,
No html flota normalmente, mas quando aplicado o loop do wordpress, não fica mais lado a lado.

<div id="destaque_sec">
		<ul>
        <li>
		<?php query_posts('showposts=2&cat=3');?>
		<?php if (have_posts()): while (have_posts()) : the_post();?>
        	<a href="<?php the_Permalink()?>">
            <img src="<?php bloginfo('template_directory');?>/images/imagemteste_140x77.jpg" widht="140" height="77"  alt="<?php the_title();?>" /></a>
			<p>Cadastre-se</p>
			<a href="<?php the_Permalink()?>" title="<?php the_title();?>" alt="<?php the_title();?>"><?php the_title();?></a>
			<?php endwhile; else:?>
			<?php endif;?>
        </li>
          </ul>
	</div><!--DESTAQUE_SEC-->

Moderador: Por favor, use o repositório de Códigos pastebin.com
O código pode interagir com o sistema do Fórum, causando a perda do texto da postagem em alguns casos.
O bloco de código que estava aqui, agora está em:
http://pastebin.com/zYPtn1bB

Visualizando 3 respostas - 1 até 3 (de um total de 3)

Myst1010

(@myst1010)

13 anos, 1 mês atrás

O que vc está querendo que fique lado a lado?
a div destaque_sec ou a ul li que tem dentro dela.

um erro comum que as pessoas cometem é dar o mesmo ID para dois elementos, neste caso somente um deles receberá suas propriedades corretamente.

Se vc já usou o ID destaque_sec vai gerar erro.

Se a intenção é fazer a div ficar lado a lado verifique também se vc tem espaço para comportar duas divs de 460px, porque vc está adicionando 10px a esquerda dela + seu tamanho de 450px.

Myst1010

(@myst1010)

13 anos, 1 mês atrás

Desculpa pela resposta nada aver com nada anterior, não tinha intendido muito bem.

Mas olhando melhor agora seu código está errado pelo fato de que está gerando ul li em cada rodado em que o loop faz e para funcionar como vc quer só pode repetir a li e não a ul.

vc tem que deixar assim

<div id="destaque_sec">
  <ul>
  <?php query_posts('showposts=2&cat=3');?>
  <?php if (have_posts()): while (have_posts()) : the_post();?>
    <li>
    <a href="<?php the_Permalink()?>">
    <img src="<?php bloginfo('template_directory');?>/images/imagemteste_140x77.jpg" widht="140" height="77"  alt="<?php the_title();?>" /></a>
    <p>Cadastre-se</p>
    <a href="<?php the_Permalink()?>" title="<?php the_title();?>" alt="<?php the_title();?>"><?php the_title();?></a>
    </li>
  <?php endwhile; else:?>
  <?php endif;?>
</ul>
</div><!--DESTAQUE_SEC-->

Criador do tópico

chlins

(@chlins)

13 anos, 1 mês atrás

A única forma que deu certo foi assim:

<div id="destaque_sec">
	<?php query_posts('showposts=2&cat=3');?>
	<?php if (have_posts()): while (have_posts()) : the_post();?>
	<div class="destaque_sec_cont">
        <a href="<?php the_Permalink()?>">
        <img src="<?php bloginfo('template_directory');?>/images/imagemteste_140x77.jpg" widht="140" height="77"  alt="<?php the_title();?>" /></a>
	<p>Cadastre-se</p>
	<a href="<?php the_Permalink()?>" title="<?php the_title();?>" alt="<?php the_title();?>"><?php the_title();?></a>
			</div>
			<?php endwhile; else:?>
			<?php endif;?>

	</div><!--DESTAQUE_SEC-->

Visualizando 3 respostas - 1 até 3 (de um total de 3)

O tópico ‘Lista não flutua após loop’ está fechado para novas respostas.

Tags de tópico

Visualizações