Ir para conteúdo

Arquivado

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

organized

[Resolvido] Posts lado a lado em blog?

Recommended Posts

Fala galera, tenho 1 dúvida, já tentei de mil maneiras e não consegui, inclusive tentando com tabelas.

 

1) Como deixar os posts do blog um ao lado do outro? e com quebra de linha, ao invés do normal que é um embaixo do outro.

 

Eu uso esse código aqui:

 

<?php get_header(); ?>

 

 

<div class="content">

 

<div class="meio">

<?php

// this is where the Features module begins

query_posts('showposts=100&cat=4'); ?>

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

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/<?php

// this is where the custom field prints images for each Feature

$values = get_post_custom_values("Image"); echo $values[0]; ?>" alt="" /></a><a href="<?php the_permalink() ?>" rel="bookmark" class="title">

<br><?php

// this is where title of the Feature gets printed

the_title(); ?></a><br><?php if(function_exists('the_ratings')) { echo the_ratings_results(get_the_id()); } ?>

<?php endwhile; ?>

</div>

 

 

</div>

<?php get_footer(); ?>

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, pelo o que eu entendi isso é uma questão de divs

 

Eu uso esse código aqui:

 

<style type="text/css">

#div{/*desde que a div mãe seja maior que 420px de largura*/

background:#f0f0f0;

padding:5px;

margin-bottom:5px;

margin-right:5px;

float:left;

width:200px;/*interessante ser fixado o valor*/

height:200px;/*interessante ser fixado o valor*/

}

</style>

<hr>

Caso você esteja pegando o conteudo do banco você pode fazer assim:

//faça a conexão primeiro

$sql = "SELECT * FROM nome_da_tabela";

$resultado = mysql_query($sql);

$linha = mysql_num_rows($resultado);

 

for($i=0; $i < $linha; $i++){//laço para mostrar os dados do banco e colocar o conteudo alinhado

$campo1 = mysql_result($resultado, $i, "campo1");//pegar os dados do banco

$campo2 = mysql_result($resultado, $i, "campo2");

 

print '<div id="div">'.$campo1.'<br>'.$campo2.'</div>';//colocar os dados dentro da div

 

}

Bom eu faria mais ou menos assim ..... se tiver algum erro posta ai que eu fiz rápido

 

ABC

Compartilhar este post


Link para o post
Compartilhar em outros sites

Exatamente, isto é um erro no CSS.

 

Você pode flutuar suas divs utilizando float:left; (esquerda) ou float:right; direita.

Lembrando que abaixo delas, se você tiver algum problema com as outra caixas, utilize um <br style="clear:both" /> que resolverá!

 

abs

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mais problemas com a renderização de páginas postados no fórum de PHP ...

 

Por favor, posta o código HTML gerado senão o pessoal não vai entender.

 

Movido: PHP=>XHTML/CSS

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pessoal vou explicar melhor como é meu blog ok?

 

1) A index do meu blog é estilo capa, como ícones numa área de trabalho. Só aparece uma imagem pequena e o título do post embaixo.

 

2) O que gostaria era que os posts fosse exibidos um ao lado do outro, como ícones na horizontal de uma área de trabalho, ok?

 

3) O que acontece é que esses pequenos posts(que mais parecem ícones) estão sendo exibidos um abaixo do outro. Eles tem mais ou menos 100px de largura cada e minha div tem 500px, ou seja, gostaria que aparecem 5 posts um ao lado do outro e o resto embaixo(quebrando a linha)... assim por diante, ok?

 

No css, a div tá assim:

 

.meio {

float: left;

width: 500px;

text-align: left;

}

No index ficou assim:

 

<div class="meio">

<?php query_posts('showposts=100&cat=4'); ?>

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

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">

<img src="<?php bloginfo('template_url'); ?>/images/<?php $values = get_post_custom_values("Image"); echo $values[0]; ?>" alt="" /></a><a href="<?php the_permalink() ?>" rel="bookmark" class="title">

<br><?php the_title(); ?></a><br><?php if(function_exists('the_ratings')) { echo the_ratings_results(get_the_id()); } ?>

<?php endwhile; ?>

</div>

O que tenho que modificar é o jeito como os resultados estão sendo exibidos, certo?

Mas onde e como fazer essas modificações?

 

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

É como disseram, coloca o HTML gerado ou um link pro teu blog. Precisamos analizar o resultado final, para podermos sugerir oque você tem que fazer no fonte.

A solução realmente é flutuar os posts com float: left, que a quebra acontecerá naturalmente, por causa do container ter 500px de largura.

 

A solução já lhe foi dita. Tentou fazer?

Coloque um link para teu blog.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pessoal, obrigado por ajudar.

Um funcionário da empresa já resolveu o problema.

A solução foi fazer com que cada post fosse exibido dentro de uma div, com uma div ao lado da outra, quebrando na div maior.

Mais ou menos como o Gasparzinho falou.

 

Abração ae, obrigado denovo.

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.