Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lifeTechnicolor

[Resolvido] [CSS]problema rodapé

Recommended Posts

Com base neste tutorial de paginação php :http://www.webmaster.pt/paginacao-avancada-com-php-6086.html

acrescentei um rodapé à pagina do tutorial, o que acontece é que o rodapé fica no meio da pagina!

ja vi e estão as divs todas fechadas, ja experimentei varios exemplos de paginacao e acontece constantemente o mesmo com o rodape :huh:

 

Alguem me poderá ajudar por favor, ja estou a desesperar?

 

index.php

<?php 
	$db = "projecto";
	@mysql_connect("localhost", "root", "pass") or trigger_error(mysql_error(),E_USER_ERROR);
	mysql_select_db($db);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Paginação Avançada com PHP</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>

<body>
<div class="global-div">

<h1>Paginação Avançada com PHP</h1>

<?php

$pag = ($_GET['pag']);
$pag = filter_var($pag, FILTER_VALIDATE_INT);

$inicio = 0;
$limite = 1	;

if ($pag!='')
{
	$inicio = $pag - 1;
} 

$busca_total = mysql_query("SELECT COUNT(*) as total FROM cadastro_usuarios");
$total = mysql_fetch_array($busca_total);
$total = $total['total'];

	$busca = mysql_query("SELECT * FROM cadastro_usuarios LIMIT $inicio, $limite");
	if (mysql_num_rows($busca)>0)
	{
		while ($texto = mysql_fetch_array($busca))
		{
			extract($texto);
			echo '<h2>'.$email.'</h2>';
			echo '<h2>'.$login.'</h2>';
			
		}
	
	$prox = $pag + 1;
	$ant = $pag - 1;
	$ultima_pag = ceil($total / $limite);
	$penultima = $ultima_pag - 1;	
	$adjacentes = 2;
	
	echo '<div class="paginacao">';
	
	if ($pag>1)
	{
		$paginacao = '<a href="index.php?pag='.$ant.'">anterior</a>';
	}
	
	
if ($ultima_pag <= 5)
{
	for ($i=1; $i< $ultima_pag+1; $i++)
	{
		if ($i == $pag)
		{
			$paginacao .= '<a class="atual" href="index.php?pag='.$i.'">'.$i.'</a>';				
		} else {
			$paginacao .= '<a href="index.php?pag='.$i.'">'.$i.'</a>';	
		}
	}
} 

if ($ultima_pag > 5)
{
	if ($pag < 1 + (2 * $adjacentes))
	{
		for ($i=1; $i< 2 + (2 * $adjacentes); $i++)
		{
			if ($i == $pag)
			{
				$paginacao .= '<a class="atual" href="index.php?pag='.$i.'">'.$i.'</a>';				
			} else {
				$paginacao .= '<a href="index.php?pag='.$i.'">'.$i.'</a>';	
			}
		}
		$paginacao .= '...';
		$paginacao .= '<a href="index.php?pag='.$penultima.'">'.$penultima.'</a>';
		$paginacao .= '<a href="index.php?pag='.$ultima_pag.'">'.$ultima_pag.'</a>';
	}
	elseif($pag > (2 * $adjacentes) && $pag < $ultima_pag - 3)
	{
		$paginacao .= '<a href="index.php?pag=1">1</a>';				
		$paginacao .= '<a href="index.php?pag=1">2</a> ... ';	
		for ($i = $pag-$adjacentes; $i<= $pag + $adjacentes; $i++)
		{
			if ($i == $pag)
			{
				$paginacao .= '<a class="atual" href="index.php?pag='.$i.'">'.$i.'</a>';				
			} else {
				$paginacao .= '<a href="index.php?pag='.$i.'">'.$i.'</a>';	
			}
		}
		$paginacao .= '...';
		$paginacao .= '<a href="index.php?pag='.$penultima.'">'.$penultima.'</a>';
		$paginacao .= '<a href="index.php?pag='.$ultima_pag.'">'.$ultima_pag.'</a>';
	}
	else {
		$paginacao .= '<a href="index.php?pag=1">1</a>';				
		$paginacao .= '<a href="index.php?pag=1">2</a> ... ';	
		for ($i = $ultima_pag - (4 + (2 * adjacentes)); $i <= $ultima_pag; $i++)
		{
			if ($i == $pag)
			{
				$paginacao .= '<a class="atual" href="index.php?pag='.$i.'">'.$i.'</a>';				
			} else {
				$paginacao .= '<a href="index.php?pag='.$i.'">'.$i.'</a>';	
			}
		}
	}
}

	}
	

	if ($prox <= $ultima_pag && $ultima_pag > 2)
	{
		$paginacao .= '<a href="index.php?pag='.$prox.'">próxima »</a>';
	}
	
		echo $paginacao;
		
	echo '</div>';
?>
<div id="footer" class="style3">
<h1 align="center"><span class="style2">Copyright</span><span class="style1">©</span>
<span class="style2">nome nome nome.</span></h1>

</div>
</div>



</body>
</html>

 

agora o ficheiro do css

 

@charset "utf-8";
/* CSS Document */

/*----------------------RESET--------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; outline: none;}

body{line-height:1; font-size:62.5%; background:#ccc; font-family:Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/

h1, h2, h3, h4, h5, h6{font-size:100%;}

p, a{font-size:1.3em; line-height:1.8em; margin-bottom:10px;}

.box p{margin:0;}

/*----------------------RESET--------------------*/

.box{position:relative; float:right; width:300px; padding:10px; margin:10px; background:#DCF1F1; border:1px solid #CDE2ED;}

.global-div{width:900px; height:auto; min-height:300px; padding:0 15px 15px 15px; position:absolute; float:none; left:50%;  margin:5px 0 0 -470px ; border:5px solid #fff; background:#fff; box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; }

.global-div img{float:left; margin-right:20px; border:1px solid #eaeaea; z-index:500; }

h1{font:italic 4em Georgia, "Times New Roman", Times, serif; text-align:center; margin: -5px -20px 20px -20px; background:#111; color:#fff; padding:15px 5px; letter-spacing:-0.04em; text-shadow:1px 1px 5px #000; font-weight:normal;}

h2{font:3em Georgia, "Times New Roman", Times, serif;}

ul{list-style:none; margin-left:300px;}

ul li{display:inline; margin-right:50px;}

.paginacao a{color:#333; padding:3px 5px; border:1px solid #ccc; text-decoration:none; margin:0 3px;}

.paginacao a:hover{background:#333; color:#fff;}

.paginacao a.atual{font-weight:bold; background:#fff; color:#333; border:0; border-bottom:1px solid #ccc; font-size:1.6em;}

.footer {


width: 500px;
height: 10px;
font-style:oblique;
clear:both;
font-family:"Times New Roman";
font-size:6.5px;
color:#CC0000;

}
Imagem Postada

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.