Erro em Loop horizontal de produtos php

Galera, estou com um probleminha em um loop horizontal e gostaria de saber se tem como me darem uma ajudinha.

Fiz um script de loop, mas algo está dando errado, pois ele está entrando nos if e no else certinho, porém ele está ficando na vertical. Alguem poderia me dar uma ajudinha?

Página de teste com o erro:
http://vendasnet.hol.es/site/produtos/produtos.php

<style type="text/css">
	*{
	margin:0;
	padding:0;

 }
	#conteudo{
 width: 1020px;
 padding:0px;
 margin:0px;
 }
	#tabela{
 width="181px";
 white-space: nowrap;
padding:0px;
 margin:0px;
	}
</style>

	<div id="conteudo">
 <table id="tabela" cellpadding="8" cellspacing="0" width="100%">
 <tr>
 <?php
 $loop = 3;
 $select = "SELECT * FROM combo";
 $query = mysql_query($select);
 $i = 1;

 while($linha = mysql_fetch_array($query)){
 if ($i < $loop){
 echo '
 <table id="tabela" width="181" cellspacing="0">
 <tr>
 <td id="tabela" height="78" align="center" background="../imagens/produto_1.png"><strong>'.$linha['nome'].'</strong></td>
 </tr>
 <tr>
 <td id="tabela" height="132" align="center" background="../imagens/produto_2.png">'.$linha['quantcanais'].'</td>
 </tr>
 <tr>
 <td id="tabela" height="50" align="center" background="../imagens/produto_3.png">R$: '.$linha['valor'].'</td>
 </tr>
 </table>
 ';
 } elseif ($i = $loop){
 echo '
 <table id="tabela" width="181" cellspacing="0">
 <tr>
 <td id="tabela" height="78" align="center" background="../imagens/produto_1.png"><strong>'.$linha['nome'].'</strong></td>
 </tr>
 <tr>
 <td id="tabela" height="132" align="center" background="../imagens/produto_2.png">'.$linha['quantcanais'].'</td>
 </tr>
 <tr>
 <td id="tabela" height="50" align="center" background="../imagens/produto_3.png">R$: '.$linha['valor'].'</td>
 </tr>
 </table>
 </tr>
 </tr>
 ';
 $i= 0;
 }
 $i++;
 }
 ?>
 </tr>
 </table>
 </div>

O que está acontecendo que não consigo colocar na horizontal o loop, contando até 3 e depois mudando de linha.