Foros del Web » Creando para Internet » CSS »

Problema con código de menú

Estas en el tema de Problema con código de menú en el foro de CSS en Foros del Web. Estoy haciendo un sitio web, y soy nuevo en esto digamos. Tengo este código, pero los links los quiero centrados, cómo puedo hacer?, o qué ...
  #1 (permalink)  
Antiguo 20/02/2009, 16:50
Avatar de AEP
AEP
 
Fecha de Ingreso: junio-2008
Ubicación: Buenos Aires, Argentina
Mensajes: 26
Antigüedad: 15 años, 9 meses
Puntos: 0
Problema con código de menú

Estoy haciendo un sitio web, y soy nuevo en esto digamos.
Tengo este código, pero los links los quiero centrados, cómo puedo hacer?, o qué estoy haciendo mal?.

Código:
#menu {
  width: 100%;
  height: 42px;
  background: #663333 url(../img/nav.gif) repeat-x; 
  font-size:130%;	
}
  	    
ul.menu {
  clear: both;
  text-align: center;
  width: 750px;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.menu li {
 float: left;
 text-align: center;
}
ul.menu li a:link, ul.menu li a:visited {
  padding: .9em;
  display: block;
  text-decoration: none;
  color: #333;
}
  #2 (permalink)  
Antiguo 20/02/2009, 17:50
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 5 meses
Puntos: 40
Respuesta: Problema con código de menú

has estos cambios: si quieres que una lista se ve horizontal no debes hacerla flotar hay una propiedad para eso:

Código:
ul.menu li {
display:inline;
}
si tienes un doctype correcto para que se centre solo hace falta poner el margin así

Código:
ul.menu {
  margin:0 auto;
  width: 750px;
  list-style: none;
  padding: 0;
  text-align:center;}
esto hara que centre
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 20/02/2009, 18:06
Avatar de AEP
AEP
 
Fecha de Ingreso: junio-2008
Ubicación: Buenos Aires, Argentina
Mensajes: 26
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Problema con código de menú

Gracias por la respuesta willyfc.
El menú ahora, queda centrado, pero verticalmente. Hice lo que me habías dicho.
  #4 (permalink)  
Antiguo 20/02/2009, 18:10
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 5 meses
Puntos: 40
Respuesta: Problema con código de menú

no entiendo, te funciono, es lo que querías?
__________________
WFC
codigo82
  #5 (permalink)  
Antiguo 20/02/2009, 18:24
Avatar de AEP
AEP
 
Fecha de Ingreso: junio-2008
Ubicación: Buenos Aires, Argentina
Mensajes: 26
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Problema con código de menú

Si, el menú quedó centrado, pero tenía los links uno al lado de otro. Ahora me quedó uno abajo de otro.
  #6 (permalink)  
Antiguo 20/02/2009, 18:27
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 5 meses
Puntos: 40
Respuesta: Problema con código de menú

Cita:
Iniciado por AEP Ver Mensaje
Si, el menú quedó centrado, pero tenía los links uno al lado de otro. Ahora me quedó uno abajo de otro.
ahhh, jeje, disculpa no me dí cuenta, lo que pasa es que tienes en la declaración de vínculos

Código:
ul.menu li a:link, ul.menu li a:visited {
display:block;
  padding: .9em;
  text-decoration: none;
  color: #333;
}
quita el display:block
__________________
WFC
codigo82
  #7 (permalink)  
Antiguo 20/02/2009, 18:42
Avatar de AEP
AEP
 
Fecha de Ingreso: junio-2008
Ubicación: Buenos Aires, Argentina
Mensajes: 26
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Problema con código de menú

Problema solucionado, muchas gracias por tu ayuda willyfc.

Saludos.
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 16:28.