Menu continuar com a:hover

20/12/2015

1

Bom dia amigos! eu criei um menu que de inicio esta assim: IMAGEM 1
Quando passa p mouse ele fica assim: IMAGEM 2 até ai tudo bem.
Porem quando vou nas opções do menu o titulo do menu não aparece mais a cor laranja, assim: IMAGEM 3
eu queria que quando fosse na opções do menu o titulo do menu que é Area do Cliente continuasse laranja, tentei de tudo mais não deu certo. Não sei o que fiz de errado.

Se alguém me ajudar agradeço.

Códigos:

HTML:
<!-- Menu -->

           
           <nav id="access" class="access" role="navigation">
           
            <div id="menu" class="menu">
                
				<ul id="tiny">
                
                    <li><a href="index.html" class="active">Inicio</a></li>

                    <li><a href="index.html">Suporte<i class="fa fa-angle-down"></i></a>
                        <ul>
                            <li><a href="#">Abrir Chamado</a></li>
                            <li><a href="#">Pedido de Serviços</a></li>
                            <li><a href="#">Reclamação</a></li>
							<li><a href="#">Contato</a></li>
						</ul>	
                    </li>
                    <li><a href="index.html">Area do Cliente<i class="fa fa-angle-down"></i></a>
                        <ul>
                            <li><a href="#">Login</a></li>
                            <li><a href="#">Registrar</a></li>
                            <li><a href="#">Mudar Senha</a></li>
							<li><a href="#">Contato</a></li>
                    </li>
                    
                </ul>
                
            </div>
            
        </nav><!-- end nav menu -->



CSS:

/*------------------*/
/*	MENU
/*------------------------------------------------------*/

#access .menu {
	list-style: none;
	font-weight: normal;
	position: relative;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-top: 0px;
}
#access .menu select {
	border: 2px solid #eee;
	padding: 10px 10px 10px 10px;
	background-color: #f9f9f9;
	color: #333;
}
#access .menu ul {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
	z-index: 1001;
	height: auto;
	margin: 9px 0px 9px 0px;
	float: right;
}
#access .menu ul li {
	position: relative;
	display: inline-block;
	padding: 0;
	z-index: 101;
	margin: 0px 4px 0px 0px;
	float: left;
	background: url(../images/menu-divider.html) no-repeat right 31px;
}
#access .menu ul li.last {
	background: none;
}
#access .menu ul li a {
	display: inline-block;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #3b3a39;
	margin: 0;
	padding: 13px 12px 12px 14px;
	text-align: center;
}
#access .menu ul li a i {
	margin-left: 4px;
	
}


#access .menu ul li a:hover {
	color: #fff;
	background-color: #ff8100;
	border-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
} 
#access .menu ul li a.active {
	color: #fff;
	background-color: #ff8100;
	border-radius: 4px;
}

#access .menu ul li ul {
	position: absolute;
	left: 0;
	height: auto;
	display: none;
	visibility: hidden;
	width: 194px;
	padding: 0;
	margin-top: -1px;
	text-align: left;
	background: #ff8100;
	border-radius: 4px;
	border-top-left-radius: 0px;
}
#access .menu ul li ul li {
	display: list-item;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
}
#access .menu ul li ul li ul {
	top: 0;
}
#access .menu ul li ul li a {
	margin: 0;
	border: none;
	display: block;
	padding: 14px 17px 14px 17px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #fff;
	background: #ff8100;
	width: 159px;
	text-align: left;
	border-bottom: 1px solid #f6f6f6;
	border-radius: 4px;
	border-top-left-radius: 0px;
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
	background: #ffa841;
	border-bottom: 1px solid #f3f3f3;
	color: #fff;
	padding: 14px 17px 14px 17px;
	border-radius: 4px;
	border-top-left-radius: 0px;
}

#access .menu ul li ul li:last-child {
	border: none;
}
* html #access .menu {
	height: 1%;
}

.selectnav {display: none; width: 440px; margin-left: 20px;}


Valew....
Responder
×
+1 DevUP
Acesso diário, +1 DevUP
Parabéns, você está investindo na sua carreira