nao esta alinhando os produtos

[Leo Morais 1]

Ola pessoal!

Ao chamar os produtos do banco de dados nao estao organizando

como eu planejava.

alguem pode me ajudar

<div class="produtos">
            <table cellspacing="0" cellpadding="3" border="0" valign="top" width="700px">
            <?php
			$coluna = 0;    
				$produto = new Produto();
				$produtos = $produto->listarDestaques();
				$total_registro = mysql_num_rows($produtos);	
				if ($total_registro > 0){
					while($array_pro = mysql_fetch_assoc($produtos)){
			?>	
				
                <td align="left" width="140px" height="200px"  valign="top" >
					<a href="galeria.php?id=<?php echo $array_pro["id_produto"]?> ">
					<img src="../adm/view/imagens/fotos/<?php echo $array_pro["foto"] ?>"/></a>			
					<a href="galeria.php?id=<?php echo $array_pro["id_produto"]?>">
					<br /><?php echo $array_pro["nome"]?></a>
                    
				</td>
                <?php

		if ($coluna == 5)
		{
			echo '<tr>';         
		}
		$coluna++;
		
		if ($coluna == 10)
		{
			$coluna = 0;   
			echo '</tr>' ;
		}

?>
                </table>
                
                
                
			</div>

.produtos{
	float:left;
	background-color:#FFF;
	max-width:700px;
	min-height:200px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

 

Se tiverem alguma ideia como posso resolver

agradeco desde ja

[Diéssica 140]

Na parte de front-end ou back-end? Se no front, como você gostaria que ficasse? O que está exibindo errado?

Poste um print screen com o server-side já processado :thumbsup:

[Leo Morais 1]

Gostaria que fosse 5 produtos em cada linha!

O que seria o front-end ou back-end?

ta ai um print do que esta ocorrendo

[Diéssica 140]

No seu caso, o front é HTML, CSS e o back é o PHP.

Os dados estão saindo do elemento, seu loop está errado. Mas a primeira coisa a se fazer é não utilizar tabelas para exibir esse tipo de dados. Tabelas são para dados tabulares.

Pode utilizar listas não-ordenadas.

<h1>Títulos em destaque</h1>
<ul>
<li><img><p></p></li>
<li><img><p></p></li>
<li><img><p></p></li>
</ul>

E o resto (como exibir os dados em linha) faz no CSS, com float no elemento.

ul li {
float:left;
}

Resultado :seta: http://tinker.io/823c0