Foros del Web » Creando para Internet » CSS »

menu horizontal centrado y en bloques

Estas en el tema de menu horizontal centrado y en bloques en el foro de CSS en Foros del Web. Hola, espero no causar problemas con esto que necesito, resulta que tengo el siguiente menú Código: <div class="menu"> <ul> <li class="sub">Inicio</li> <li class="sub">Servicios</li> <li class="sub">Aprender</li> ...
  #1 (permalink)  
Antiguo 17/07/2007, 14:30
Avatar de erick_arcini  
Fecha de Ingreso: julio-2005
Ubicación: Jaltenco / DF
Mensajes: 1.723
Antigüedad: 12 años, 5 meses
Puntos: 50
menu horizontal centrado y en bloques

Hola, espero no causar problemas con esto que necesito, resulta que tengo el siguiente menú

Código:
		<div class="menu">
			<ul>
				<li class="sub">Inicio</li>
				<li class="sub">Servicios</li>
				<li class="sub">Aprender</li>
				<li class="sub">Contáctanos</li>
			</ul>

		</div>
y el siguiente css

Código:
.menu
{
	text-align:center;
	border:solid 1px #7c0000;
}
ul
{
	list-style:none;
}
ul li
{
	display:inline;	
}
.sub
{
	border:solid 1px #FFF;
	width:200px;
}
El problema esta en que cada uno de los "<li>" me los coloca del tamaño con el borde de las letras y no de 200px como se lo indico en la clase ".sub", la pregunta es:

¿como le puedo hacer para que el menú me quede centrado y cada uno de los "<li>" se me despliegue a una medida de 200px cuando utilizamos "display:inline"?
__________________
Mejoremos nuestro país, ayudemos al planeta... próximamente.
  #2 (permalink)  
Antiguo 17/07/2007, 16:44
 
Fecha de Ingreso: febrero-2004
Ubicación: Resistencia - Argentina
Mensajes: 299
Antigüedad: 13 años, 9 meses
Puntos: 0
Re: menu horizontal centrado y en bloques

Algo asi:
.menu
{
text-align:center;
border:solid 1px #7c0000;
}

.sub
{
border:solid 1px #FFF;
width:200px;
display:block;
float:left;
}

<ul>
<li class="sub">Inicio</li>
<li class="sub">Servicios</li>
<li class="sub">Aprender</li>
<li class="sub">Contáctanos</li>
</ul>
  #3 (permalink)  
Antiguo 17/07/2007, 18:24
Avatar de erick_arcini  
Fecha de Ingreso: julio-2005
Ubicación: Jaltenco / DF
Mensajes: 1.723
Antigüedad: 12 años, 5 meses
Puntos: 50
Re: menu horizontal centrado y en bloques

Hola, gracias por contestar, así es, así ya lo había manejado, pero el problema que al colocar el float:left, el menú no me queda centrado en mi contenedor.

Lo que decidí por el momento usar el menú lateral en lo que arreglo la situación.
__________________
Mejoremos nuestro país, ayudemos al planeta... próximamente.
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:04.