:active nao funciona

[Leonardo de Souza 0]

Bem se alguem puder me ajuda estou com um problema no estou conseguindo coloca o visited nem active no meu site

 

HTML:

 

<ul>

<li class="first">

<a class="home" href="index.php">home</a>

</li>

<li>

<a class="port" href="portfolio.php">portfólio</a>

</li>

<li>

<a class="contato" href="contato.php">contato</a>

</li>

</ul>

 

 

CSS:

 

 

.menu{

padding-top: 2px;

padding-left: 40px;

float: left;

margin: 22px 0 0 155px;

height: 31px;

width: 560px;

background:url(../images/bgmen.png);

}

.menu ul,

.menu ul li{

float: left;

}

.menu ul li{

width: 170px;

height: 33px;

/* background: #ccc;*/

margin-left: 5px;

}

.menu ul li a{

width: 170px;

height: 33px;

text-indent: -9999px;

float: left;

}

.menu ul li a.home:link {

background:url(../images/inicio.png);

}

.menu ul li a.home:visited{

background:url(../images/iniciohover.png) no-repeat;

}

.menu ul li a.home:hover{

background:url(../images/iniciohover.png) no-repeat;

}

.menu ul li a.home:active{

border-bottom: 5px #8a5a85;

background:url(../images/iniciohover.png) no-repeat;

}

.menu ul li a.port {

background:url(../images/port.png);

}

.menu ul li a.port:hover{

background:url(../images/porthover.png) no-repeat;

}

.menu ul li a.contato {

background:url(../images/cont.png);

}

.menu ul li a.contato:hover{

background:url(../images/conthover.png) no-repeat;

}

 

 

 

[Ronaldo Bueno 23]

Da parte que esta em vermelho faça o teste.

.menu ul .home:link.menu ul .home:hover........

[Leonardo de Souza 0]

Nao foi :x

 

 

.menu ul .home:link {

background:url(../images/inicio.png);

}

 

.menu ul .home:visited{

background:url(../images/iniciohover.png) no-repeat;

}

 

.menu ul .home:hover{

background:url(../images/iniciohover.png) no-repeat;

}

 

.menu ul .home:active{

border-bottom: 5px #8a5a85;

background:url(../images/iniciohover.png) no-repeat;

}

até coloquei um border pra testa

 

 

coloquei o classe no li

 

 

mas só funciono o hover o botao só aparecia no hover

 

HTML

 

<ul>

<li class="first teste">

<a class="home" href="index.php">home</a>

</li>

 

<li>

<a class="port" href="portfolio.php">portfólio</a>

</li>

 

<li>

<a class="contato" href="contato.php">contato</a>

</li>

</ul>

CSS

 

.menu ul li.teste:link {

background:url(../images/inicio.png);

}

 

.menu ul li.teste:visited{

background:url(../images/iniciohover.png) no-repeat;

}

 

.menu ul li.teste:hover{

background:url(../images/iniciohover.png) no-repeat;

}

 

.menu ul li.teste:active{

background:url(../images/iniciohover.png) no-repeat;

}

 

:link nao funciona no li

 

tbm nao foi:

 

.menu ul li.teste a:link {

background:url(../images/inicio.png);

}

 

.menu ul li.teste a:visited{

background:url(../images/iniciohover.png) no-repeat;

}

 

.menu ul li.teste a:hover{

background:url(../images/iniciohover.png) no-repeat;

}

 

.menu ul li.teste a:active{

background:url(../images/iniciohover.png) no-repeat;

}

 

alguem ai sabe?

[Dian Carlos 29]

Tenta tirar esse:

.menu ul li a.home:link {
background:url(../images/inicio.png);
}

Deixa só os outros, como o código original que você mandou..

[Leonardo de Souza 0]

n funfo :x ta osso

[William Bruno 1501]

active é apenas o momento do click.

depois q a página sobre o refresh e altera o conteudo, para mostrar o link atual, vc precisa de outra coisa.

 

leia:

http://www.maujor.com/blog/2009/08/12/destacar-link-para-pagina-corrente/

[Leonardo de Souza 0]

sim o meu objetivo principal mesmo era o visited pra fica a img na pagina que tivesse mais nem um ta funcionando

[William Bruno 1501]

@Leonardo de Souza,

 

leia o link q te mandei, é daquela forma q faz oq vc quer.

 

nem o visited e nem o active servem para oque vc quer.

[Leonardo de Souza 0]

deu trabalho mas consegui muito obrigado william