Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Centrar elementos de menú

Estas en el tema de Centrar elementos de menú en el foro de CSS en Foros del Web. Holaaa... Estoy intentado centrar los elementos de mi menú, pero no veo por donde debo 'atacar'. Este es mi código: Código: <nav class="nav"> <ul class="nav-list"> ...
  #1 (permalink)  
Antiguo 05/10/2015, 10:51
 
Fecha de Ingreso: mayo-2015
Mensajes: 92
Antigüedad: 7 años, 2 meses
Puntos: 1
Centrar elementos de menú

Holaaa...

Estoy intentado centrar los elementos de mi menú, pero no veo por donde debo 'atacar'.

Este es mi código:

Código:
<nav class="nav">
					<ul class="nav-list">
						<li class="nav-item"><a class="current-demo" href="#">Inicio</a></li>
						<li class="nav-item"><a href="sobremi.html">Sobre mí</a></li>
						<li class="nav-item"><a href="portafolio.html">Portafolio</a></li>
						<li class="nav-item"><a href="contacto.html">Contacto</a></li>
					</ul>
				</nav>
y estos los estilos:

Código:
.nav {
	position:relative;
	
	font-size:1.1em;
	font-weight:900;
    width: 100%;
    border-top: 1px solid mediumspringgreen;
    background: rgba(0, 0, 0, 0.3);
}

.nav-item {
	float:left;
	display:inline;
    list-style: none;
    font-size: 1.2em;
        
	
}
a.current-demo,
a.current-demo:hover{
    color: #fff;
}
.nav-item a {
	display:block;
	padding:0.5em 1.5em;
	color:mediumspringgreen;
	background:transparent;
    font-weight: normal;
    
}
.nav-list{
   

}
.nav-item a:hover {
	color: #fff;
}
/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:transparent url(../img/estrella1a.png) no-repeat center center;
	height:40px;
	width:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*-----------Media Queries-------------------------*\
    
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:40px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item a {
		
		
	}
	
	.nav-active {
		display:block;
        
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
}
Gracias
  #2 (permalink)  
Antiguo 05/10/2015, 11:35
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 7 años, 1 mes
Puntos: 263
Respuesta: Centrar elementos de menú

ya te respondí en el otro post
__________________
[email protected]
HITCEL

Etiquetas: background, color, elementos, float, width
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 07:58.