Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
aew meus amigos do forum tudo beleza?
estava montano um menu onde preciso q no active do menu a:active na pagina ativa fique parada a imagem para q ela complete o desenho q segue q seria um contorno.
problema e q no active nao aparece a imagem no hover ta tudo normal sera q esta algo errado?
codigo ta assim do menu
#menu{ height:76px; background:url(assets/menu_fundo.jpg) no-repeat;}
#menu img{ border:none;}
#menu ul{ width:995px; list-style:none; padding:0 200px;}
#menu li{float:left;
list-style-type:none; margin:7px 0;}
#menu li a{display:block;
float:left;
height:54px;
background-position:bottom;
background-repeat:no-repeat;
}background:url(assets/menu_hover.png) no-repeat bottom;
}so q no active nao fixa a imagem =/
vlw ajuda pessoal .
Sugestão.
Crie uma classe com o nome que você desejar e então no css
você seta ela com as propriedades.
#menu li a.nomedaclasse{
background:url(assets/menu_hover.png) no-repeat bottom;
}E no html:
Exemplo:
<ul id="menu">
<li><a href="#" class="nomedaclasse">Home</a></li>
<li><a href="#" >Outra pagina</a></li>
</ul><!-- /menu -->opa meus amigos vlw ajuda pensei q o active ficava ativo depois de clicado =/
amigo Marcos Xavier fiz dessa forma como você mencionou so q aew so fica ativo o home aew se clicar nos outros links nao ativa pra eles =/, a nao ser q faça um por um em cada pagina colocano o class so q nao dara certo ja q estou usano php pra chamar as paginas.
vou deixar sem o active mesmo vlw ajuda novamente amigos.
Sim isso é verdade.
Dá pra fazer assim:
Ex:
$menu="";
//no exemplo
//$_GET['page'] é chamada por include
if (isset($_GET['page'])){
$menu=$_GET['page'];$menu ='home';
}
<ul id="menu">
<li><a href="home"<?php if($menu =='home')echo ' class="ativo"';?>>Home</a></li>
<li><a href="outrapagina"<?php if($menu =='tutoriais')echo ' class="ativo"';?>>Posts</a></li>Ve ae
o estado :active é apenas o momento do clique.
depois que o usuário solta e vai para outra página, o :active deixa de existir.