Dúvida com Páginação estou perdido!

[mauriciomachado]

Este é o site, e está é a página de conteúdo só que já tentei algumas formas de páginação e acontece que o conteúdo fica todo desorganizado da <div="

<div class="clearfix"> </div>

</ul>

<ul class="feature">

<h3><i class="arrow"> </i><span>Guia de Empresas</span></h3>

</ul>

<div class="row content_bottom">

<!-- INICIO -->

<div class="col-md-3">

<div class="content_box"><a href="empresas/motel_diamantes.html">

<div class="view view-fifth">

<img src="images/empresas/motel_diamantes_logo.jpg" class="img-responsive" alt=""/>

<div class="content_box-grid">

<p class="m_1"><b>Motel Diamantes</b></p>

<div class="price">Cidade:

<span class="actual">Arapiraca</span>

</div>

<ul class="product_but">

<li class="but3">Veja Mais</li>

<li class="like"><span></span><i class="like1"> </i></li>

<div class="clearfix"> </div>

</ul>

<div class="mask">

<div class="info">Exibir</div>

</div>

</div>

</div>

</a>

</div>

</div>

<!-- FINAL -->

<!-- INICIO -->

<div class="col-md-3">

<div class="content_box"><a href="empresas/motel_diamantes.html">

<div class="view view-fifth">

<img src="images/empresas/motel_diamantes_logo.jpg" class="img-responsive" alt=""/>

<div class="content_box-grid">

<p class="m_1"><b>Pousada Anjo Mikael</b></p>

<div class="price">Cidade:

<span class="actual">Traipu</span>

</div>

<ul class="product_but">

<li class="but3">Veja Mais</li>

<li class="like"><span></span><i class="like1"> </i></li>

<div class="clearfix"> </div>

</ul>

<div class="mask">

<div class="info">Exibir</div>

</div>

</div>

</div>

</a>

</div>

</div>

<div class="col-md-3">

<div class="content_box"><a href="empresas/traipu_bebidas.html">

<div class="view view-fifth">

<img src="images/empresas/motel_diamantes_logo.jpg" class="img-responsive" alt=""/>

<div class="content_box-grid">

<p class="m_1"><b>Traipu Bebidas</b></p>

<div class="price">Cidade:

<span class="actual">Traipu</span>

</div>

<ul class="product_but">

<li class="but3">Veja Mais</li>

<li class="like"><span></span><i class="like1"> </i></li>

<div class="clearfix"> </div>

</ul>

<div class="mask">

<div class="info">Exibir</div>

</div>

</div>

</div>

</a>

</div>

</div>

<div class="col-md-3">

<div class="content_box"><a href="empresas/lucas_moveis_victorya_eletro.html">

<div class="view view-fifth">

<img src="images/empresas/motel_diamantes_logo.jpg" class="img-responsive" alt=""/>

<div class="content_box-grid">

<p class="m_1"><b>Traipu Bebidas</b></p>

<div class="price">Cidade:

<span class="actual">Traipu</span>

</div>

<ul class="product_but">

<li class="but3">Veja Mais</li>

<li class="like"><span></span><i class="like1"> </i></li>

<div class="clearfix"> </div>

</ul>

<div class="mask">

<div class="info">Exibir</div>

</div>

</div>

</div>

</a>

</div>

</div>

<div class="col-md-3">

<div class="content_box"><a href="single.html">

<div class="view view-fifth">

<img src="images/empresas/motel_diamantes_logo.jpg" class="img-responsive" alt=""/>

<div class="content_box-grid">

<p class="m_1"><b>AHPAR - Associação Humanitária de Proteção aos Animais de Rua</b></p>

<div class="price">Cidade:

<span class="actual">Arapiraca</span>

</div>

<ul class="product_but">

<li class="but3">Veja Mais</li>

<li class="like"><span></span><i class="like1"> </i></li>

<div class="clearfix"> </div>

</ul>

<div class="mask">

<div class="info">View</div>

</div>

</div>

</div>

</a>

</div>

</div>

</div>

<ul class="dc_pagination dc_paginationA dc_paginationA06">

<li><a href="#">1</a></li>

<li><a href="#" class="current">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

<li><a href="#">...</a></li>

<li><a href="#">19</a></li>

<li><a href="#">20</a></li>

<li><a href="#" class="previous">Next></a></li>

<li><a href="#" class="next">Last>></a></li>

</ul>

</div>

</div>

</div>

</div>

Pessoal me ajude a identificar o problema que está acontecendo comigo!, eu removi os códigos php que tentavam obter do mysql, porque não consegui fazer funcionar e dessa forma fica mais fácil, alguém me ajudar em uma solução, sei que é complicado, mais eu sou novo na área estou tentando aprender, e esse será meu primeiro site totalmente com php e mysql.

[mauriciomachado]

<? //verifica a página atual caso seja informada na URL, senão atribui como 1ª página

$pagina = (isset($_GET['pagina']))? $_GET['pagina'] : 1;

//seleciona todos os itens da tabela

$cmd = "select * from tbl_empresas";

$tbl_empresas = mysql_query($cmd);

//conta o total de itens

$total = mysql_num_rows($tbl_empresas);

//seta a quantidade de itens por página, neste caso, 2 itens

$registros = 2;

//calcula o número de páginas arredondando o resultado para cima

$numPaginas = ceil($total/$registros);

//variavel para calcular o início da visualização com base na página atual

$inicio = ($registros*$pagina)-$registros;

//seleciona os itens por página

$cmd = "select * from tbl_empresas limit $inicio,$registros";

$tbl_empresas = mysql_query($cmd);

$total = mysql_num_rows($tbl_empresas);

//exibe os produtos selecionados

while ($tbl_empresas = mysql_fetch_array($tbl_empresas)) {

echo $tbl_empresas['id']." - ";

//div conteúdo da páginação

<div class="col-md-3">

<div class="content_box"><a href="empresas.php?id=<?echo $id;?>">

<div class="view view-fifth">

<img src="images/empresas/<?echo $foto;?>" class="img-responsive" alt=""/>

<div class="content_box-grid">

<p class="m_1"><b><?echo $titulo;?></b></p>

<div class="price">Cidade:

<span class="actual"><?echo $cidade;?></span>

</div>

<ul class="product_but">

<li class="but3">Veja Mais</li>

<li class="like"><span></span><i class="like1"> </i></li>

<div class="clearfix"> </div>

</ul>

<div class="mask">

<div class="info">Exibir</div>

</div>

</div>

</div>

</a>

</div>

</div>

//final da div conteúdo da páginação

} <?

//exibe a paginação

if($pagina > 1) {

echo "<a href='index.php?pagina=".($pagina - 1)."' class='controle'>&laquo; anterior</a>";

}

for($i = 1; $i < $numPaginas + 1; $i++) {

$ativo = ($i == $pagina) ? 'numativo' : '';

echo "<a href='index.php?pagina=".$i."' class='numero ".$ativo."'> ".$i." </a>";

}

if($pagina < $numPaginas) {

echo "<a href='index.php?pagina=".($pagina + 1)."' class='controle'>proximo &raquo;</a>";

}

?>