Ir para conteúdo

POWERED BY:

Arquivado

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

Leandro Givisiez

while em colunas div

Recommended Posts

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>

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tente Este Codigo:

 

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

     $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>";

 

 

Acho q Ira Dar Certo :thumbsup:

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.