Menu com problema de seleção nas seções A, B, C e D

RemPro · 06/12/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:

Inserir CODE, HTML ou 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 · 06/12/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 · 06/12/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

Menu com problema de seleção nas seções A, B, C e D

RemPro

Emanuel Andrei

balfer

Tópicos similares