Menu continuar com a:hover
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:
CSS:
Valew....
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....
Lucas Guedes
Curtidas 0