<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; }