Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) ajuda com while em colunas div

Lordnael

Perguntado por Lordnael,

 Share

Pergunta

Lordnael

Lordnael

Postado
Postado

Estou com dificuldades em fazer com que o conteúdo seja dividido em colunas pelo div. Quero que em cada DIV seja exibido 8 itens.

echo"<div id="colunas">";

     $result = mysql_query("SELECT images, descimages, equipenome, equipefuncao FROM uerj_content WHERE equipe=true ORDER BY id;");
     while ($row = mysql_fetch_array($result)) {    
     
     
        echo "<span class=\"slides_equipe\">";        
        if(empty($row['images'])){
            echo"<img src=\"http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80\" width=\"80\" height=\"80\" alt="."\"".$row['descimages']."\""."  />";
            } else{
        
        echo"<img src="."\"images/".$row['images']."\""." width=\"80\" height=\"80\" alt="."\"".$row['descimages']."\""."  />";
            }
        
        
        echo"<h2>".$row['equipenome']."</h2>";
        echo"<p>".$row['equipefuncao']."</p>";
        echo"</span>";
    

     }
     echo"</div>";
     
     
 }
HTML A Estrutura como deve imprimir. Esses blocos devem ser replicados até a última linha da consulta: 
<div>
    <span class="slides_equipe">         
                <img src="images/rosana.jpg" width="80" height="80" alt="Foto da Rosana"  />
                   <h2>Rosana</h2>
                <p>-</p> 
                </span>
                
                <span class="slides_equipe">
                <img src="images/marcia.jpg" width="80" height="80" alt="Foto da Márcia Denise"  />
                <h2>Márcia Denise</h2>
                <p>-</p>
               </span>     
               
               
               <span class="slides_equipe">
                <img src="iamages/joao.jpg" width="80" height="80" alt="Foto do João"  />
                <h2>João</h2>
                <p>-</p>
               </span>    
               
               
               <span class="slides_equipe">
                <img src="images/fernando.jpg" width="80" height="80" alt="Foto do Fernando"  />
                <h2>Fernando</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Mariana"  />
                <h2>Mariane</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Silvia"  />
                <h2>Silvia</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Aline"  />
                <h2>Aline</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Fernanda"  />
                <h2>Fernanda</h2>
                <p>-</p>
               </span>              
             
</div>


<div>
    <span class="slides_equipe">         
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Lais  />
                   <h2>Lais</h2>
                <p>-</p> 
                </span>
                
                <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Julia"  />
                <h2>Julia</h2>
                <p>-</p>
               </span>        
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Denise"  />
                <h2>Denise</h2>
                <p>-</p>
               </span>           
             
</div>

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
Lordnael

Lordnael

Postado
  • Autor
Postado

Consegui! Segue.

echo"<div>";

$result = mysql_query("SELECT images, descimages, equipenome, equipefuncao FROM content WHERE equipe=true ORDER BY id;");

$i = 0;

while ($row = mysql_fetch_array($result)) {

$i++;

if(($i % 9) == 0){

echo '<div>';

}

echo "<span class=\"slides_equipe\">";

if(empty($row['images'])){

echo"<img src=\"http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80\" width=\"80\" height=\"80\" alt=."\"".$row['descimages]."\""." />";

} else{

echo"<img src="."\"images/".$row['images']."\""." width=\"80\" height=\"80\" alt=."\"".$row['descimages]."\""." />";

}

echo"<h2>".$row['equipenome']."</h2>";

echo"<p>".$row['equipefuncao']."</p>";

echo"</span>";

if(($i % 8) == 0){

echo '</div>';

}

}

echo"</div>";

Estou com dificuldades em fazer com que o conteúdo seja dividido em colunas pelo div. Quero que em cada DIV seja exibido 8 itens.

echo"<div id="colunas">";

     $result = mysql_query("SELECT images, descimages, equipenome, equipefuncao FROM uerj_content WHERE equipe=true ORDER BY id;");
     while ($row = mysql_fetch_array($result)) {    
     
     
        echo "<span class=\"slides_equipe\">";        
        if(empty($row['images'])){
            echo"<img src=\"http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80\" width=\"80\" height=\"80\" alt="."\"".$row['descimages']."\""."  />";
            } else{
        
        echo"<img src="."\"images/".$row['images']."\""." width=\"80\" height=\"80\" alt="."\"".$row['descimages']."\""."  />";
            }
        
        
        echo"<h2>".$row['equipenome']."</h2>";
        echo"<p>".$row['equipefuncao']."</p>";
        echo"</span>";
    

     }
     echo"</div>";
     
     
 }
HTML A Estrutura como deve imprimir. Esses blocos devem ser replicados até a última linha da consulta: 
<div>
    <span class="slides_equipe">         
                <img src="images/rosana.jpg" width="80" height="80" alt="Foto da Rosana"  />
                   <h2>Rosana</h2>
                <p>-</p> 
                </span>
                
                <span class="slides_equipe">
                <img src="images/marcia.jpg" width="80" height="80" alt="Foto da Márcia Denise"  />
                <h2>Márcia Denise</h2>
                <p>-</p>
               </span>     
               
               
               <span class="slides_equipe">
                <img src="iamages/joao.jpg" width="80" height="80" alt="Foto do João"  />
                <h2>João</h2>
                <p>-</p>
               </span>    
               
               
               <span class="slides_equipe">
                <img src="images/fernando.jpg" width="80" height="80" alt="Foto do Fernando"  />
                <h2>Fernando</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Mariana"  />
                <h2>Mariane</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Silvia"  />
                <h2>Silvia</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Aline"  />
                <h2>Aline</h2>
                <p>-</p>
               </span>    
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Fernanda"  />
                <h2>Fernanda</h2>
                <p>-</p>
               </span>              
             
</div>


<div>
    <span class="slides_equipe">         
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Lais  />
                   <h2>Lais</h2>
                <p>-</p> 
                </span>
                
                <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Julia"  />
                <h2>Julia</h2>
                <p>-</p>
               </span>        
               
               <span class="slides_equipe">
                <img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Denise"  />
                <h2>Denise</h2>
                <p>-</p>
               </span>           
             
</div>

Link para o comentário
Compartilhar em outros sites
  • 0
Lordnael

Lordnael

Postado
  • Autor
Postado

Putz... ficou com bug! :(

echo"<div>"; 

$result = mysql_query("SELECT images, descimages, equipenome, equipefuncao FROM uerj_content WHERE equipe=true ORDER BY id;"); 
$i = 0; 
while ($row = mysql_fetch_array($result)) { 
$i++; 
if(($i % 8) == 0){ 
echo '<div>'; 
} 
echo "<span class=\"slides_equipe\">"; 
if(empty($row['images'])){ 
echo"<img src=\"http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80\" width=\"80\" height=\"80\" alt="."\"".$row['descimages']."\""." />"; 
} else{ 

echo"<img src="."\"images/".$row['images']."\""." width=\"80\" height=\"80\" alt="."\"".$row['descimages']."\""." />"; 
} 


echo"<h2>".$row['equipenome']."</h2>"; 
echo"<p>".$row['equipefuncao']."</p>"; 
echo"</span>"; 

if(($i % 8) == 0){ 
echo '</div>'; 
} 

} 
echo"</div>";
Está imprimindo assim: 
<div> 
<span class="slides_equipe"><img src="images/rosana-glat.jpg" width="80" height="80" alt="Foto da Rosana Glat" /><h2>Rosana Glat</h2><p>Coordenadora</p></span> 

<span class="slides_equipe"><img src="images/marcia-deniset.jpg" width="80" height="80" alt="Foto da Márcia Denise" /><h2>Márcia Denise</h2><p>Vice-Coordenadora</p></span> 

<span class="slides_equipe"><img src="images/carla-fernanda.jpg" width="80" height="80" alt="Foto da Carla Fernanda" /><h2>Carla Fernanda</h2><p>Webmmater</p></span> 

<span class="slides_equipe"><img src="images/adriana-saldanha.jpg" width="80" height="80" alt="Foto da Adriana Saldanha" /><h2>Adriana Saldanha</h2><p>Não definido</p></span> 

<span class="slides_equipe"><img src="images/annie_gomes.jpg" width="80" height="80" alt="Foto da Annie Gomes" /><h2>Annie Gomes</h2><p>Não definido</p></span> 

<span class="slides_equipe"><img src="images/bianca_fatima.jpg" width="80" height="80" alt="Foto da Bianca Fátima" /><h2>Bianca Fátima</h2><p>Não definido</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Cristina Angélica" /><h2>Cristina Angélica</h2><p>Não definido</p></span> 

<!-- deveria fechar o </div> com 8 <span>...</span> --> 

<div><span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Érica Aguiar" /><h2>Érica Aguiar</h2><p>Não definido</p></span> 
</div> 

<!-- Aqui o DIV fechou com 1 <span>...</span>. Era para ser com 8 <span>...</span> --> 

<!-- deveria abrir aqui o <div>--> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Katia Machado" /><h2>Katia Machado</h2><p>Não definido</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Katiuscia Vargas" /><h2> Katiuscia Vargas</h2><p>-</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Leila Blanco" /><h2>Leila Blanco</h2><p>-</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Leonardo Novaes" /><h2>Leonardo Novaes</h2><p>-</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Mara Lúcia" /><h2>Mara Lúcia</h2><p>-</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Márcia Marin" /><h2>Márcia Marin</h2><p>-</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Mércia Cabral" /><h2>Mércia Cabral</h2><p>-</p></span> 

<!-- deveria fechar o </div> com 8 <span>...</span> --><div> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Patrícia Braun" /><h2>Patrícia Braun</h2><p>-</p></span></div> 

<!-- Aqui o DIV fechou com 1 <span>...</span>. Era para ser com 8 <span>...</span> --> 
<!-- deveria abrir aqui o <div>--> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Suzanli Estef" /><h2> Suzanli Estef</h2><p>-</p></span> 

<span class="slides_equipe"><img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=80" width="80" height="80" alt="Foto da Valéria de Oliveira" /><h2>Valéria de Oliveira</h2><p>-</p></span> 

<!-- deveria fechar aqui o </div> com os registros restantes -->

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...