Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Santiago

a:active não funciona no FIREFOX!

Por , em Desenvolvimento frontend

Recommended Posts

Santiago    0

Santiago
Postado

Olá a todos!

 

Estou tendo alguns problemas com o a:active no Firefox.

 

Ele simplesmente não funciona, ele funciona normalmente no IE mas no Firefox não.

 

Como posso arrumar isso para que ele funcione nos dois?

 

ul.nav{	margin: 0px;	padding: 0px;}ul.nav li{	list-style: none;	display: inline;}ul.nav li a{	float: left;	border-left: 2px solid #CCCCCC;	width: 70px;	font:bold 9px  "Verdana";	padding: 1px 4px;	text-decoration: none;	}ul.nav a:link{	font: bold 9px "verdana";	color: #777777;}ul.nav a:visited{	color: #777777;	font: bold 9px "verdana";}ul.nav a:hover{	background-color: #F1F1F1;	font: bold 9px "verdana";	border-bottom: 4px solid #FE9900;}ul.nav a:active{	background: #F1F1F1;	}.numeros{	font: 20px "impact";	color: #cccccc;}

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

As pseudo-classes do hover, active, etc tem que estar numa ordem definida. Não sei se a sua está e não sei se é essa a origem do seu problema.você pode pesquisar sobre essa ordem no site do maujor.Caso não seja este seu problema, poste o link pra sua página aí

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcpuc    0

marcpuc
Postado

Estou enfrentando o mesmo problema com o Firefox. Já pesquisei bastante sobre o assunto e ainda não consegui descobrir por que isso acontece no Firefox. Se eu descobrir alguma coisa, posto aqui.

Compartilhar este post

Link para o post
Compartilhar em outros sites

caduzWeb    0

caduzWeb
Postado

Caros amigos...

o problema está na <li>!!

Infelizmente o a:active não é suportado quando o <a> está dentro de uma lista.

 

:(

Compartilhar este post

Link para o post
Compartilhar em outros sites

panorama4d    0

panorama4d
Postado

Caros amigos...

o problema está na <li>!!

Infelizmente o a:active não é suportado quando o <a> está dentro de uma lista.

 

:(

Oi caduz, tudo bem?

 

Creio que nao seja bem este o problema, mas posso estar enganado.

 

Pois ja testei aqui com o link fora de uma "li", dentro de uma "dl" ou ate mesmo dentro apenas do <body>... mas o a:active continua sem funcionar, a ordem dos elementos está correta: a:link, a:hover, a:visited, a:active... (é assim mesmo), mas ainda nao consegui resolver isso.

 

Te mais.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

faz assim:

ul.nav li
{
	list-style: none;
	display: block;
	float:left;
	width: 70px;
}

ul.nav li a
{
	display: block;
	border-left: 2px solid #CCCCCC;
	font:bold 9px  "Verdana";
	padding: 1px 4px;
	text-decoration: none;
	
}
e assim:

ul.nav a:active
{
	background: #F1F1F1;
}
ul.nav a:focus
{
	background: #F1F1F1;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

é isso ae Fall, usar JAVASCRIPT ou gambiarras execivas nem é necessario. O pessoal esqueceu do :FOCUS ;)

Mas acredito que depois desse tópico venha a ajudar alguem =)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito