Gostaria que o bloco escrito resultados ficasse ao lado do bloco com numero 1
e o bloco com numero 2
ficasse ao lado do numero 1
, e o bloco escrito próximo ficasse ao lado do numero 2.
Mas olha como esta a aplicação.
CSS
.caixa_quantidade{
width: 125px;
margin: 20px auto;
color:#C0C0C0;
border: 1px solid #D3D3D3;
height: 35px;
font-weight: 700;
}
.caixa_quantidade:hover{
background-color: #00008B;
color:white;
}
.caixa_quantidade2{
width: 125px;
margin: 20px auto;
color:#C0C0C0;
border: 1px solid #D3D3D3;
height: 35px;
font-weight: 700;
background-color: #00008B;
color:white;
font-weight: 700;
}
.conteudo_paginacao{
margin-top: 23px;
}
.paginacao{
display: inline;
width: 20px;
color:#C0C0C0;
border: 1px solid #D3D3D3;
height: 40px;
}
.paginacao:hover{
background-color: #696969;
text-decoration: none;
}
.paginacao a:link {
color: white;
text-decoration: none;
background-color: #00008B;
}
HTML com scriptlet
out.println("<div class='conteudo_paginacao'> ");
out.println("<div class='row'> ");
out.println("<div class='col-sm-3'> ");
out.println("<div class='caixa_quantidade'> ");
Integer quantidadeRegistros= (Integer) request.getAttribute("totalProdutos");
out.println("Resultados "+quantidadeRegistros);
out.println("</div>");
out.println("</div>");
int pagAnterior;
if(Integer.parseInt(numPagina)>1){
pagAnterior=Integer.parseInt(numPagina)-1;
out.println("<div class='col-sm-3'> ");
out.println("<div class='caixa_quantidade2'> ");
out.println("<div class='conteudo2'><a href=ListarProdutosPaginada?
numeroPagina="+pagAnterior+">Anterior</a></div>");
out.println("</div>");
out.println("</div>");
}else{
}
for(int i=1;i<=totalPaginas;i++){
out.println("<div class='col-sm-3'> ");
out.println("<div class='paginacao'><a href=ListarProdutosPaginada?numeroPagina="+i+">"+i+"</a>
</div>");
out.println("</div>");
}
int proximaPag;
if((totalRegistros-(Integer.parseInt(numPagina)*limite))>0){
proximaPag=Integer.parseInt(numPagina)+1;
out.println("<div class='col-sm-3'> ");
out.println("<div class='caixa_quantidade2'> ");
out.println("<div class='conteudo2'><a href=ListarProdutosPaginada?
numeroPagina="+proximaPag+"&ordenacao"+ordenacao+">Proxima</a></div>");
out.println("</div>");
out.println("</div>");
}
out.println("</div>");
out.println("</div>");
%>