[Problema] Listagem php + mysql

[MiguelTb 2]

Boa noite pessoal,

 

A listagem está ocorrendo sem problemas, eu não estou sabendo é encaixar os elementos com as divs pra que fique organizado da forma corretamente, a consulta pesquisa em 2 tabelas primeiro as categorias existentes e depois os produtos cadastrado nas categorias pra exibir abaixo do nome da categoria.

 

Vou colocar aqui o código que fiz com a consulta e o código sem consulta que fica direitinho.

 

Se alguém puder me ajudar eu ficaria muito grato, estou precisando resolver esse probleminha pra entregar o site pro cliente. Valeu galera.

 

Formatação sem consulta que está correta:

<div id="cardapio-objeto">
<div class="conteudo-box-cardapio-categoria">$linha[TITULO]</div>
 <div class="cardapio-item">
 <div class="cardapio-img"><img src="admin/cardapio/sistema/imagens/capa/$linha[Capa]" width="70px" /></div>
 <div class="cardapio-informacoes">
 <b><font color="#baac96" face="Arial">$linha[produto]</font></b><br />
 <font color="#FFF" face="Arial">R$ $linha[preco]</font><br />
 <font color="#baac96" face="Arial" size="2px">R$ $linha[descricao]</font>
 </div>
</div>  
<div class="cardapio-item">
 <div class="cardapio-img"><img src="admin/cardapio/sistema/imagens/capa/$linha[Capa]" width="70px" /></div>
  <div class="cardapio-informacoes">
  <b><font color="#baac96" face="Arial">$linha[produto]</font></b><br />
  <font color="#FFF" face="Arial">R$ $linha[preco]</font><br />
  <font color="#baac96" face="Arial" size="2px">R$ $linha[descricao]</font>
  </div>
 </div>  
</div>                        

 

Formatação com consulta mas que está ficando errado:

<?php
$sql = mysql_query("SELECT * FROM categorias");

if(mysql_num_rows($sql) < 1) {
 echo "<font size='2px'>Nenhuma categoria foi encontrada!</font>"; } else {
  while($linha = mysql_fetch_array($sql)) {
  echo "<div id='cardapio-objeto'>
        <div class='conteudo-box-cardapio-categoria'>$linha[nome]</div>";
 $sqlprodutos = mysql_query("SELECT * FROM cardapio WHERE idCategoria = $linha[id]");
  if(mysql_num_rows($sqlprodutos) < 1 ) {
  echo "<font size='2px'>Nenhum produto foi encontrado!</font>"; } else {
   while($linhab = mysql_fetch_array($sqlprodutos)) {
   echo "<div class='cardapio-item'>
                <div class='cardapio-img'><img src='admin/cardapio/sistema/imagens/foto/$linhab[Capa]' width='70px' /></div>
               <div class='cardapio-informacoes'>
               <b><font color='#baac96' face='Arial'>$linhab[titulo]</font></b><br />
	<font color='#FFF' face='Arial'>R$ $linhab[preco]</font>
               </div>
               </div>"; } } } } ?>

 

Se alguém puder me ajudar eu agradeço.

 

Pra ver o que está acontecendo segue o link:

http://www.obotequim.net/index.php?sub=_inc&secao=cardapio

[MiguelTb 2]

Pode colocar como resolvido, eu estava realmente com problemas de onde encaixar a finalização das divs, de qualquer forma ficou da seguinte maneira:

 

<?php
		$sql = mysql_query("SELECT * FROM categorias");
if(mysql_num_rows($sql) < 1) {
	echo "<div id='cardapio-objeto'>
      <div class='conteudo-box-cardapio-categoria'>Nenhuma categoria foi encontrada.</div>
         </div>"; } else {
	   while($linha = mysql_fetch_array($sql)) {
	   $linha['nome'] = utf8_encode($linha['nome']);
	   	 echo "<div id='cardapio-objeto'>
		       <div class='conteudo-box-cardapio-categoria'>$linha[nome]</div>";
			   $sqlprodutos = mysql_query("SELECT * FROM cardapio WHERE idCategoria = $linha[id]");
			    while($linhaprodutos = mysql_fetch_array($sqlprodutos)) {
				 echo "<div class='cardapio-item'>
				  	   <div class='cardapio-img'><img src='admin/cardapio/sistema/imagens/foto/$linhaprodutos[Capa]' width='70px' /></div>
				   	   <div class='cardapio-informacoes'>
				       <b><font color='#baac96' face='Arial'>$linhaprodutos[titulo]</font></b><br />
				       <font color='#FFF' face='Arial'>R$ $linhaprodutos[preco]</font>
               	       </div>
               	       </div>";
					   } echo "</div>"; } } ?>