Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Spice Boy

Post lado a lado

Recommended Posts

Oi galera!

 

Eu to tentando fazer com que os posts do meu site fiquem lado a lado, o codigo que eu to usando é esse:

 

PHP

<div class="rel">
<a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">
<?php if(has_post_thumbnail()) {
the_post_thumbnail(array(160,200), array( 'class' => 'thum' ));
} else {echo '<img src="/imagens/default.jpg" width="120" height ="120" class="thumb"/>';
}?></a>
<span class="tll"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
</div>

 

CSS

.rel {
margin:10px 5px 10px 10px;
padding: 9px 9px;
width:120px;
float:left;
}
.rel .tll {
padding:0 0 0 5px;
font-size: 11px;
width:130px;
text-align: center;
}

.thum{
float: left;
margin: 0px 8px 5px 3px;
background-color: #f8f8f8;
padding: 6px;
width: 130px;
height: 220px;
}

 

Sendo que a 1ª linha de posts não ficam na msm posição, ficam 1 mais abaixo do outro, e na 2ª linha, todos ficam na mesma posição, olhem o print:

 

ofaer5.jpg

 

eu ja usei esse tutorial aki, http://br.forums.wordpress.org/topic/postagens-lado-a-lado

só q dá o msm erro

 

alguem ai pode me ajudar???

Compartilhar este post


Link para o post
Compartilhar em outros sites

O que você quer é que os posts fiquem lado-a-lado e se ajustem conforme altura?

 

Algo parecido com este site?

 

 

Dê uma olhada neste plugin.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.