Menú con problema de selección en secciones A, B, C y D

RemPro · 6 Dic 2013

Hola!!, les cuento, estoy con un menú y se me ha complicado lo siguiente:
Tengo 4 secciones: A, B, C y D. Sea cual sea en la que haga click siempre queda seleccionada la A, es decir, me muestro el contenido correctamente de todas, pero visualmente está seleccionada al A.

Dejo el código:

Insertar CODE, HTML o PHP:

#templatemo_menu_wrapper {
	width: 100%;
	height: 50px;
    background: url(../images/templatemo_menu_wrapper.jpg) repeat-x;
}

#templatemo_menu {
	width: 920px;
	height: 50px;
	margin: 0 auto;
	padding: 0 30px;
	background: url(../images/templatemo_menu.jpg) no-repeat;
}

#templatemo_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#templatemo_menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#templatemo_menu ul li a{
	float: left;
	display: block;
	width: 124px;
	height: 38px;
	padding: 12px 0 0 0;
	margin-right: 1px;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	color: #d8d3bd;	
	font-weight: normal;
	outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
	color: #fff;
	background: #2E64FE;
}

Emanuel Andrei · 6 Dic 2013

Claro que siempre se te muestra el A, si el B, C, D no están asignados en el css: "#templatemo_menu ul li a"
O eso, o estoy yo mal de la vista :beer:

Enviado desde mi GT-P5100 usando Tapatalk 2

balfer · 6 Dic 2013

Hola, creo que tu fallo está en el HTML. Según la sección que estés mostrando (A, B, C o D) tendrás que marcar con la clase "current" el elemento del menú correspondiente.

Por ejemplo, para la sección b.html tendrás este menú:

HTML:

<ul>
    <li><a href="#a">Sección A</a></li>
    <li><a href="#b" class="current">Sección B</a></li>
    <li><a href="#c">Sección C</a></li>
    <li><a href="#d">Sección D</a></li>
</ul>

Espero que te sirva. :-D

Menú con problema de selección en secciones A, B, C y D

RemPro

Emanuel Andrei

balfer