While um do lado do outro

[Johnison Almeida 0]

Já tentei de um tudo mais não consegui o while sempre vem um abaixo do outro. Se alguém puder ajudar...agradeço

[Beraldo 864]

Não entendi nada

Explique o que quer fazer e mostre o que já fez.

[Johnison Almeida 0]

Ok, resumir o codigo aqui para ser mais direto. Dentro da Div .box-item tem um while que está retornando
do banco de dados certinho porem ele retorna todas as Div em linha unica. A duvida é a seguindo como faço para aplicar o css para que fique uma do lado da outra?.

<div class="box-item">                               
<?php
$consulta = mysql_query("SELECT * FROM casas");
if (isset($_POST['buscar'])){
$consulta = mysql_query("SELECT * FROM casas where tipo like '%".$_POST['buscar']."%' ");
}
 
while($linha=mysql_fetch_array($consulta)){
$id = $linha['id'];
$imagem = $linha['imagem'];
$titulo = $linha['titulo'];
$tipo = $linha['tipo'];
$quarto = $linha['quarto'];
$vaga = $linha['vaga'];
$area = $linha['area'];
$valor = $linha['valor'];
                        ?>
                                    <h2><?php echo $titulo; ?></h2>
                                    <div class="box-item-foto">
                                        <img class="tips-" width="210x" height="210px" title=" - Igaratá por R$ 500,00" src="<?php echo $imagem; ?>"></img>
                                    </div>
                                    <div class="box-item-detalhe">
                                        <h3><?php echo $tipo; ?></h3>
                                        <p>
                                            <span class="sprited sprite-dorms" title="4 quarto(s)"></span>
                                            <b><?php echo $quarto; ?></b>
                                            <span class="spacer"> | </span>
                                            <span class="sprited sprite-vagas" title="4 vaga(s)"></span>
                                            <b><?php echo $vaga; ?></b>
                                            <span class="spacer"> | </span>
                                            <b><?php echo $area; ?> M²</b>
                                        </p>
                                        <h5 class="elm_preco" v="500,00"> R$ <?php echo $valor; ?> </h5>
                                    </div>                     
                                <?php } ?>  
                            </div>

[Luis Paullo 47]

shuahsuahushaush. Agora fico mais facil.

 

Titulo nem um pouco sugestivo com seu problema.

 

CSS não tem nd ve com while.

 

Você posto no forum errado!

[Beraldo 864]

a dúvida está mais pra CSS que PHP, mas vamos lá: pelo que entendi, basta você adicionar float: left na div que é exibida dentro do while

[Johnison Almeida 0]

Sim, está relacionada as duas coisa. agradeço a disposição para ajudar.

já tentei o float mas não da certo por isso pensei que era o while que não permitia.

[Luis Paullo 47]

CSS acredito que não seja a praia do pessoal PHP.

 

Mas da uma olhada no cara que salva a vida de muitos Bootstrap.

[Electronic 124]

Dê uma largura para a div que se repete e de um display um float left

ou um display: inline-block com vertical-align: top

[Beraldo 864]

Eu não vou mover o tópico pra CSS, pois ele está com muito código PHP no meio. Isso dificultaria os testes para quem não tem o PHP instalado.

 

Faça o seguinte: tente as sugestões que foram dadas. Se não obtiver sucesso, pegue o HTML gerado e poste a dúvida no fórum de HTML/CSS, que com certeza o pessoal de lá terá sugestões melhores :thumbsup:

[Johnison Almeida 0]

obrigado pela ajuda.

Depois de uma noite de sono conseguir resolver. O código tinha alguns erros dentre eles a div que se repetia estava fora do while. :(