Foros del Web » Creando para Internet » CSS »

¿Como centro un menu horizontal?

Estas en el tema de ¿Como centro un menu horizontal? en el foro de CSS en Foros del Web. Buenas quisiera saber como puedo centrar este menu horizontal dentro de un div gracias este es el codigo Código: <div id="cabecera"> <ul id="links"> <li><a href="#">Home</a></li> ...
  #1 (permalink)  
Antiguo 14/05/2007, 19:46
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
¿Como centro un menu horizontal?

Buenas quisiera saber como puedo centrar este menu horizontal dentro de un div gracias este es el codigo

Código:
<div id="cabecera">
<ul id="links">
   <li><a href="#">Home</a></li>
   <li><a href="#">La Empresa</a></li>
   <li><a href="#">Preguntas</a></li>
   <li><a href="#">Instrucciones</a></li>
   <li><a href="#">Tarjeta Recargable </a></li>
   <li><a href="#">Promociones</a></li>
   <li><a href="#">Registro de Linea</a></li>
   <li><a href="#">Puntos de Venta</a></li>
   <li><a href="#">Distribuidores</a></li>
   <li><a href="#">Contacto</a></li>
   </ul>
</div>
Código:
#links{
list-style:none;
	margin:0;
	padding:0;
	left: 13px;
	top: 56px;
	width: 760px;
	}
	
	#links li {	
	margin:2px;	
	padding:2px;	
	border:1px solid #CCCCCC;	
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)}

Última edición por snakepit; 15/05/2007 a las 12:09 Razón: resolvi la pregunta anterior
  #2 (permalink)  
Antiguo 15/05/2007, 17:00
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
Re: ¿Como centro un menu horizontal?

pues yo creo que:
Código PHP:
#links{
list-style:none;
    
margin:0 auto//aqui modifique e igual si tu #id cabecera sera el centrado solo colocale el mismo margin: 0 auto;
    
padding:0;
    
left13px;
    
top56px;
    
width760px;
    }
    
    
#links li {    
    
margin:2px;    
    
padding:2px;    
    
border:1px solid #CCCCCC;    
    
float:left//para eliminar el comportamiento de elemento de bloque(salto de linea)} 
__________________
www.dataautos.com
  #3 (permalink)  
Antiguo 17/05/2007, 10:36
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ¿Como centro un menu horizontal?

en realidad no queda centrado asi
  #4 (permalink)  
Antiguo 17/05/2007, 10:38
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
Re: ¿Como centro un menu horizontal?

Para eso estamos ;)
__________________
www.dataautos.com
  #5 (permalink)  
Antiguo 17/05/2007, 12:11
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ¿Como centro un menu horizontal?

asinox gracias pero en realidad no me funciono no se porque despues edite el mensaje me habia parecido que si pero en realidad no, modifique el padding y el margin, los achique y se fue todo para la izquierda.
  #6 (permalink)  
Antiguo 17/05/2007, 12:14
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
Re: ¿Como centro un menu horizontal?

le tienes un float: left?
__________________
www.dataautos.com
  #7 (permalink)  
Antiguo 18/05/2007, 10:16
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ¿Como centro un menu horizontal?

si en links li hay un float left el ultimo
  #8 (permalink)  
Antiguo 18/05/2007, 14:00
Avatar de hector_he  
Fecha de Ingreso: agosto-2006
Ubicación: Barcelona
Mensajes: 207
Antigüedad: 11 años, 3 meses
Puntos: 4
Re: ¿Como centro un menu horizontal?

Y #cabecera con la etiqueta de text-aling: center?
  #9 (permalink)  
Antiguo 18/05/2007, 14:17
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ¿Como centro un menu horizontal?

nop, pero probe de ponerle la cabecera text-align: center; y nada
  #10 (permalink)  
Antiguo 18/05/2007, 15:24
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: ¿Como centro un menu horizontal?

Hola:
prueba con esto:
#links li {
display:inline;
margin:0 2px 0 0;
padding:0;
}

Suerte, Jorge H.
  #11 (permalink)  
Antiguo 21/05/2007, 10:27
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: ¿Como centro un menu horizontal?

genio muchas gracias!!!
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 15:37.