he puesto el html y css abajo
<a> es un elemento de linia y lo tengo de convertir en un elemento de bloque
display:block; he estado probando cosas pero no me sale si alguien me pudiera ayudar
http://img684.imageshack.us/img684/7530/paginacion.jpg
me gustaría alinear lo al centro
y también hacer un margin-top o bottom siempre me confundo
Código PHP:
$siguiente= ($_GET['pag'] +1);
if ($limit == $siguiente ) {
}
else {
echo "<a class='paginacio1' href=\"paginacio.php?id_categoria={$_GET['id_categoria']}&pag=$siguiente\">Siguiente</a>";
}
for( $i=1; $i<=$totalPag ; $i++)
{
echo "<a class='paginacio2' href=\"paginacio.php?id_categoria={$_GET['id_categoria']}&pag=$i\">$i</a>";
}
$anterior = ($_GET['pag'] - 1);
if ($limit== $anterior){
}
else if($_GET['pag'] != 1){
echo "<a class='paginacio3' href=\"paginacio.php?id_categoria={$_GET['id_categoria']}&pag=$anterior\">Anterior</a>";
}
Código:
.paginacio1 {
text-decoration: none;
color: #FFFFFF;
border: 2px solid #660000;
background: #663300;
padding: .5em;
}
.paginacio1:hover{
color: #FFFFFF;
background: #40E0D0;
}
.paginacio2 {
margin-left:1em;
text-decoration: none;
color: #FFFFFF;
border: 2px solid #660000;
background: #663300;
padding: .5em;
}
.paginacio2:hover{
color: #FFFFFF;
background: #40E0D0;
}
.paginacio3 {
margin-left:1em;
text-decoration: none;
color: #FFFFFF;
border: 2px solid #660000;
background: #663300;
padding: .5em;
}
.paginacio3:hover{
color: #FFFFFF;
background: #40E0D0;
}