fixar imagem active

[lordlex 1]

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;
}
#menu li a:hover{ background:url(assets/menu_hover.png) no-repeat bottom;}
#menu li a:active{
background:url(assets/menu_hover.png) no-repeat bottom;
}

 

so q no active nao fixa a imagem =/

 

vlw ajuda pessoal .

[William Bruno 1501]

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.

[Marcos Xavier 189]

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 -->

[lordlex 1]

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.

[Marcos Xavier 189]

Sim isso é verdade.

Dá pra fazer assim:

Ex:

$menu="";
//no exemplo
//$_GET['page'] é chamada por include
if (isset($_GET['page'])){
$menu=$_GET['page'];
}else{
$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