Foros del Web » Creando para Internet » CSS »

ayuda con <a> y alineacion central

Estas en el tema de ayuda con <a> y alineacion central en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/02/2010, 12:32
 
Fecha de Ingreso: febrero-2009
Mensajes: 443
Antigüedad: 8 años, 10 meses
Puntos: 1
ayuda con <a> y alineacion central

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;
}
  #2 (permalink)  
Antiguo 03/02/2010, 15:17
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: ayuda con <a> y alineacion central

Saludos!

Lo que puedes hacer, es crear un menu con una lista desordenada (<ul><li></li></ul>) y alinear la lista al centro. Eso seguro funciona.

Si no quieres hacer eso, lo que puedes hacer es meter todo ese codigo HTML dentro de un <div> y darle a ese <div> margin:0px auto; y asi lo centras.

Es lo que se me ocurre por el momento. Espero te sirva.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 05/02/2010, 03:25
 
Fecha de Ingreso: febrero-2009
Mensajes: 443
Antigüedad: 8 años, 10 meses
Puntos: 1
Respuesta: ayuda con <a> y alineacion central

no me sale de momento estoy probando con la primera opcion

gracias de todos modos

Etiquetas: alineacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:20.