Foros del Web » Creando para Internet » CSS »

centrar enlances dentro de un div??

Estas en el tema de centrar enlances dentro de un div?? en el foro de CSS en Foros del Web. hola , tengo un div con varios enlaces separados por <ul></ul>, que propiedad tengo que darle com css para que los centre todos horizontalmente que ...
  #1 (permalink)  
Antiguo 07/03/2010, 21:42
rtr
 
Fecha de Ingreso: abril-2009
Mensajes: 368
Antigüedad: 15 años
Puntos: 2
centrar enlances dentro de un div??

hola , tengo un div con varios enlaces separados por <ul></ul>, que propiedad tengo que darle com css para que los centre todos horizontalmente que no lo consigo??

saludos,
  #2 (permalink)  
Antiguo 08/03/2010, 01:00
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: centrar enlances dentro de un div??

Código CSS:
Ver original
  1. .clase-de-tu-div ul {
  2.      text-align:center;
  3. }

Y los enlaces deberian estar cada uno entre <li> y </li>, todos (en conjunto) dentro de <ul> y </ul>
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 08/03/2010, 09:59
rtr
 
Fecha de Ingreso: abril-2009
Mensajes: 368
Antigüedad: 15 años
Puntos: 2
Respuesta: centrar enlances dentro de un div??

Hola , el div se llama cabecera... ahora tendría que ponerle la clase " cabecera" al div ¿verdad?

Cita:
<div id= "cabecera" class="cabecera">
Cita:
.cabecera ul {
text-align:center;
}
  #4 (permalink)  
Antiguo 08/03/2010, 10:30
 
Fecha de Ingreso: septiembre-2007
Ubicación: Barcelona
Mensajes: 227
Antigüedad: 16 años, 7 meses
Puntos: 12
Respuesta: centrar enlances dentro de un div??

no necesitas añadir un class si ya tiene un id:
#cabecera ul {
text-align:center;
}
  #5 (permalink)  
Antiguo 08/03/2010, 13:11
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: centrar enlances dentro de un div??

Cierto, como bien apunta patrick_, si ya tiene ID no necesitas la clase, pero, una cosa que me olvidaba, si quieres que todos los enlaces aparezcan en una misma linea, entonces deberas mostrar los li con display:inline.

Código CSS:
Ver original
  1. #cabecera ul {
  2.     text-align:center;
  3.     /* Si quieres evitar que aparezca con formato de lista: */
  4.     list-style-type:none;
  5. }
  6.  
  7. #cabecera ul li {
  8.     display:inline;
  9.     /* Si necesitas separacion entre cada elemento: */
  10.     padding:2px 10px; /* 2 pixeles arriba y abajo, 10 pixeles a izquierda y derecha */
  11. }
__________________
- León, Guanajuato
- GV-Foto
  #6 (permalink)  
Antiguo 10/03/2010, 19:21
rtr
 
Fecha de Ingreso: abril-2009
Mensajes: 368
Antigüedad: 15 años
Puntos: 2
Respuesta: centrar enlances dentro de un div??

Gracias chicos está hecho...

Etiquetas: Ninguno
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 06:57.