Ordenar em 3 coluna (div)

[nknk 3]

Eu consegui uma forma simples de ordenar os resultados em coluna, mas só consigo em 2 colunas, tentei adaptar para trÊs coluna com outras variáveis, mas não consegui, alguém saberia?

 

$x=0;
while ($mostra = mysql_fetch_assoc($sql)) { 
if($x==0) { ?><div id="lado1" style="float:left;width:40%;padding:0px;margin-left:2px;border-bottom:1px dotted black">
<h3><? echo $mostra["id"]; ?></h3></div><? $x=1; } 
else { ?><div id="lado2" style="padding:0px;margin:0px;border-bottom:1px dotted black">
<h3><? echo $mostra["id"]; ?></h3></div><br /><? $x=0; }}

[cassiano óliver 1]

#principal {
	 display: table;
	 width: 330px;
}

#principal .coluna {
	 padding: 5px;
	 width: 100px;
	 float: left;
}

<div id="principal">
while ($mostra = mysql_fetch_assoc($sql)) { 
	 echo "<div class="coluna">$mostra["id"]</div>";
}
</div>

tentaí...

[natan88 0]

<?php
include ("config.php");// configuração do DB
	 $sql = mysql_query("SELECT * FROM tabela LIMIT 0,4");
	 
	 echo "<table width='100%' border='0' cellspacing='1' cellpadding='1'>";
	 
	 $conta_coluna = 1;
	 
	 while ($aux = mysql_fetch_array($sql)) {
		  if ($conta_coluna == 1) {
			   echo "<tr>";
		  }
		  echo "<td width=50%>". $aux["nome"] . "<br><br> ". $aux["email"] . "<hr></td>";
		  $conta_coluna++;
		  if ($conta_coluna == 3) {
			   echo "</tr>";
			   $conta_coluna = 1;
		  }
	 }
	 echo "</table>";
?>

Esse codigo ai é facil de colocar quantas colunas você quizer, vê ai se você mesmo consegue fazer a alteração necessária, se não conseguir só falar que lhe dou a dica

 

Não dou o peixe, rsrsrs

[williamhrs 0]

¬¬ mas ele pediu com div você nao deu o peixe muito menos a div XD

[cassiano óliver 1]

outra coisa, se você for exibir dado tabulado, deve usar tabela mesmo...

[AlterC 0]

Cara... eu acredito que não deu certo porque você criou uma estrura condicional.

E, no caso, essa estrutura é o que determina o que será mostrado ou não.

 

Veja só:

<?
	   print (' <table> ');
			  print (' <tr> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
			  print (' </tr> ');
	   print (' </table> ');
?>

Esse tipo de estrutura irá criar uma tabela com quatro colunas. Daí só depende dos critérios da sua estrutura condicional. Por exemplo: Quantas colunas serão exibidas se o seu resultado for verdadeiro? E quantas colunas serão exibidas caso o resultado seja falso? Portanto, é só você montar a sua estrutura para ambos os resultados.

Isso vale tanto para div quanto para tabelas, pois você pode injetar código html dentro de um código php.

Mas como o Cassiano disse: Se isso for feito para dados tabulares é recomendável que você utilize tabelas mesmo.

Com essa onda de web2.0 e tableless ficou um pouco confuso quando é que você deve utilizar div e/ou tabela.

Recomendo que leia sobre padrão de projetos. Todos os livros da série "Use a Cabeça" são ótimos.

 

Abraços,

[nknk 3]

Cara... eu acredito que não deu certo porque você criou uma estrura condicional.

E, no caso, essa estrutura é o que determina o que será mostrado ou não.

 

Veja só:

<?
	   print (' <table> ');
			  print (' <tr> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
					 print (' <td> '.$consulta['criterio'].' </td> ');
			  print (' </tr> ');
	   print (' </table> ');
?>

Esse tipo de estrutura irá criar uma tabela com quatro colunas. Daí só depende dos critérios da sua estrutura condicional. Por exemplo: Quantas colunas serão exibidas se o seu resultado for verdadeiro? E quantas colunas serão exibidas caso o resultado seja falso? Portanto, é só você montar a sua estrutura para ambos os resultados.

Isso vale tanto para div quanto para tabelas, pois você pode injetar código html dentro de um código php.

Mas como o Cassiano disse: Se isso for feito para dados tabulares é recomendável que você utilize tabelas mesmo.

Com essa onda de web2.0 e tableless ficou um pouco confuso quando é que você deve utilizar div e/ou tabela.

Recomendo que leia sobre padrão de projetos. Todos os livros da série "Use a Cabeça" são ótimos.

 

Abraços,

Pois é, com essa mania de tableless, eu acabei esquecendo que neste caso as tabelas podem ser usadas. Mas enfim, vou testar o primeiro código, valeu!