Ir para conteúdo

POWERED BY:

Arquivado

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

Webmater Felipe Edwards

While horizontal

Por , em PHP

Recommended Posts

Webmater Felipe Edwards    0

Webmater Felipe Edwards
Postado

Olá bom dia pessoal ,

estou com um grande problema , não sei como fazer um WHILE na horizontal.

 

Eu tenho uma pagina com 5 colunas e 1 linha

gostaria que esses dados se repetissem em cada linha quando completar as 5 colunas na horizontal.

 

A minha tabela está assim:

 

<table width="942" border="0" bgcolor="#666666">
                     <tr  style="font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#F66">
                       <td width="184" height="21" align="center" valign="top" >Bruna menegel</td>
                       <td width="184" align="center" valign="top">Priscila santos</td>
                       <td width="184" align="center" valign="top">Cidinha </td>
                       <td width="184" align="center" valign="top">Mariana</td>
                       <td width="184" align="center" valign="top">Fernanda marquesi</td>
                     </tr>
                     <tr>
                       <td height="248" valign="top"><a href="javascript:galeria('http://localhost/nussbsb/galerias/modelo.php?recordID=1');"><img src="images/no foto 1.gif" width="184" height="248" /></a></td>
                       <td valign="top"><a href="javascript:galeria('http://localhost/nussbsb/galerias/modelo.php?recordID=2');"><img src="images/no foto 1.gif" width="184" height="248" /></a></td>
                       <td valign="top"><img src="images/no foto 1.gif" width="184" height="248" /></td>
                       <td valign="top"><img src="images/no foto 1.gif" width="184" height="248" /></td>
                       <td valign="top"><img src="images/no foto 1.gif" width="184" height="248" /></td>
                     </tr>
                   </table>

 

eu quero que ela se repita 4 vezes para baixo todas as vezes que completar as 5 na horizontal.

Alguem conhece alguma forma e poderia me explicar como fazer isso ?

Grato a todos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Rosario    4

Rafael Rosario
Postado

Então esses 5 dados que você definiu são apenas testes? Os valores que vão entrar no while estão em um BD?

 

Se sim, o ideal é fazer a repetição com Div's e não tabelas.

 

Ex:

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste Repetição</title>

<style type="text/css">



#divRepeteEspaco{

width:700px; 
height:100px;
float:left;

}

#divRepeteEspaco .tamanho{	
width:150px; 
height:100px;
float:left;
margin:0 0 0 10px;

}


</style>

</head>

<body>

   	<div id="divRepeteEspaco">

       	<div class="tamanho">



           </div>

       </div>

</body>
</html>

 

 

Dessa maneira, a div "tamanho" vai repetir pelos 700px definidos com uma margem de 10px da esquerda.

 

 

Agora é só você editar as div de acordo com seu layout e inserir o while.

 

 

Abrass

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Rosario    4

Rafael Rosario
Postado

Achei que você ja tinha a estrutura do while, em todo o caso, segue:

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste Repetição</title>

<style type="text/css">



#divRepeteEspaco{

width:700px; 
height:100px;
float:left;

}

#divRepeteEspaco .tamanho{	
width:150px; 
height:100px;
float:left;
margin:0 0 0 10px;

}


</style>

</head>

<body>

   	<div id="divRepeteEspaco">

            <?php

         $query = mysql_query("SEU SELECT");

	 while($dadosQuery = mysql_fetch_array($query)){

      ?>   


       	<div class="tamanho">

           	<?php echo $dadosQuery['ALGUM CAMPO DO BD']; ?>

           </div>

           <?

	}

    ?>

       </div>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Rosario    4

Rafael Rosario
Postado

Não, ele vai repetir na horizontal até preencher os 700px que eu defini na div. Quando preencher ela toda, ele quebra pra linha de baixo.

 

 

 

Faça os testes.

 

=)

 

PS: todos os valores das Div's são testes, mude como quiser para "encaixar" no seu layout.

Compartilhar este post

Link para o post
Compartilhar em outros sites

André Severino    3

André Severino
Postado

Nao entendi a pergunta, voce está fazendo assim da forma tradicional ? Igual o Rafael explicou acima com while() etc...

 

Coloca o trecho deste codigo da forma como você faz @php

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

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

  Aceito