cómo puedo hacer para que un menú horizontal hecho con listas y con float:left quede centrado horizontalmente en una div? me obliga el float left a que quede alineado a la izquierda? he estado buscando por ahí pero no veo nada,
muchas gracias
19-dic-2006, 04:30
|
#1 (permalink) |
 Fecha de Ingreso: noviembre-2004
Mensajes: 114
|
menu horizontal centrado en div
cómo puedo hacer para que un menú horizontal hecho con listas y con float:left quede centrado horizontalmente en una div? me obliga el float left a que quede alineado a la izquierda? he estado buscando por ahí pero no veo nada, muchas gracias |
|
|
|
19-dic-2006, 05:09
|
#2 (permalink) |
 
Fecha de Ingreso: noviembre-2002
Ubicación: Granada
Mensajes: 454
|
Re: menu horizontal centrado en div
intenta usando
margin:auto; suele funcionar de todos modos si envias el CSS completo y mejor aun la página web, es mas facil poder indicarte posibles soluciones. 
__________________
Por prudencia, la palabra SIEMPRE, no la deberiamos usar NUNCA Bhagat Dominguez www.percusioncreativa.com |
|
|
|
|
19-dic-2006, 09:46
|
#5 (permalink) |
|
Moderador
 
Fecha de Ingreso: noviembre-2002
Ubicación: 34.517 S, 58.500 O
Mensajes: 12.439
|
Re: menu horizontal centrado en div
margin: 0 auto; debería funcionar sólo si tu ul tiene un ancho establecido. Al ser un elemento en bloque, este va a ocupar todo el ancho disponible para él y el centrado no se va a notar. Seguro exista otra solución, pero la desconozco.
__________________
···---··· |
|
|
|
|
19-dic-2006, 10:46
|
#6 (permalink) |
|
Colaborador
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.949
|
Re: menu horizontal centrado en div
Ese menú con listas seguramente estará en un contenedor. Entonces, a ese contenedor añádele text-align: center, y luego a las listas, display: inline. Se te centrarán dentro del contenedor, que seguramente él mismo ya estaría centrado con margin 0 auto como te han dicho.
Mikel. |
|
|
|
|
19-dic-2006, 10:49
|
#7 (permalink) |
|
Moderador
Fecha de Ingreso: noviembre-2002
Ubicación: 34.517 S, 58.500 O
Mensajes: 12.439
|
Re: menu horizontal centrado en div
Efectivamente, la clave está en display:inline en vez de floats.
Estaba justo probándolo:
Código:
ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
text-align: center;
background-color: #006600;
}
div {
background-color: #000000;
padding: 10px;
}
li {
display: inline;
background-color: #FF9900;
padding: 5px;
margin: 1px;
}
<div>
<ul>
<li>elemento 1</li>
<li>elemento 2</li>
<li>elemento 3</li>
</ul>
</div>
__________________
···---··· |
|
|
|
|
19-dic-2006, 13:30
|
#8 (permalink) |
|
Fecha de Ingreso: noviembre-2004
Mensajes: 114
|
Re: menu horizontal centrado en div
joer, perfecto!! muchas gracias! la verdad es que me estaba empecinando con el float left, era algo "como que no lo podía quitar, que tenía que ir por narices", ya ves tú... en fin, que muchas gracias de nuevo!
|
|
|
|
Mode Lineal
La Zona horaria es GMT -6. Ahora son las 13:18.
