Foros del Web » Creando para Internet » CSS »

Menu por lista en CSS, como posicionarlo horizontalmente

Estas en el tema de Menu por lista en CSS, como posicionarlo horizontalmente en el foro de CSS en Foros del Web. Hola, estoy haciendo un menu bastante simple pero necesito que quede tal que -- XXXXXX --- XXXXXX - XXXXX ---- Estoy mirando un metodo en ...
  #1 (permalink)  
Antiguo 26/02/2011, 10:06
 
Fecha de Ingreso: febrero-2011
Ubicación: Ávila, España
Mensajes: 44
Antigüedad: 6 años, 10 meses
Puntos: 1
Menu por lista en CSS, como posicionarlo horizontalmente

Hola, estoy haciendo un menu bastante simple pero necesito que quede tal que

-- XXXXXX --- XXXXXX - XXXXX ----

Estoy mirando un metodo en un blog pero aunque el menu funciona, no se queda horizontal. Les dejo el codigo.

Saludos

Código:
#navi {  
	list-style:none;
	margin:0;
	padding:0;
	float: left;
}


#navi li {
	margin:2px;
	padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes.
	float:left;
}

#navi li a {
	display:block;
	width:100px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
	border-left:10px solid #666666; 
	float: left;
}

#navi li a:hover {
	color:#99CC00;
	background-color:#003366;
	border-left-color:#99CC00;
	float: left;
}
  #2 (permalink)  
Antiguo 26/02/2011, 10:09
 
Fecha de Ingreso: febrero-2011
Ubicación: Ávila, España
Mensajes: 44
Antigüedad: 6 años, 10 meses
Puntos: 1
Respuesta: Menu por lista en CSS, como posicionarlo horizontalmente

Aiba, en IE si que funciona pero en Firefox y Chrome no :/

Etiquetas: horizontalmente, lista
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 21:59.