Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

alessandrot

Ajuda com a:visited image

Mensagens Recomendadas

alessandrot

Olá pessoal, essa é minha primeira vez aqui no forum. Estou apanhando alguns dias com o explorer 8 e gostaria de saber se alguem sabe resolver.

Estou fazendo um menu com imagens que trocam para se esta selecionada ou nao, em todos os navegadores funciona normal, mas no explorer 8 a imagem simplismente some em todas que eu clicar (parece algum problema com o visited).

Como estou fazendo isso...

$link_pagina = $_SERVER['PHP_SELF'];
$link_array = explode("/", $link_pagina);
$link_reverse = array_reverse($link_array);
$page = $link_reverse[0];


$page != "inicio.php" ? $offon = "_off" : "";
$page != "contato.php" ? $offtr = "_off" :  "";


<div id="menu">
<ul>
		<li id="icon_casa<?=$offon;?>"><a href="inicio.php"><span>Inicio</span></a></li>		  
		<li id="icon_carta<?=$offtr;?>"><a href="contato.php"><span>Contato</span></a></li>
</ul>
</div>

Agora no CSS

#menu{
width: 128px;
margin-top: 15px;
border-right: 3px #cccccc dotted;
float: left;
}

#menu ul{
width: 120px;
float: left;
background: #F0F0F0;
}

#menu li{
float: left;
width: 38px;
margin-left: 6px;
font-size: 11px;
background: #8EA1FF;
padding-right: 70px;
border-bottom: 3px #cccccc dotted;
}

#icon_casa a:link,
#icon_casa_off a:link,
#icon_carta a:link,
#icon_carta_off a:link{
width: 91px;
height: 84px;
display: block;
margin: 12px 0 5px 11px;
}


#icon_casa a:link, #icon_casa a:visited, #icon_casa a:hover, #icon_casa a:active{
background-image: url("../img/painel/icon_home.png");
}

#icon_casa_off a:link, #icon_casa_off a:visited, #icon_casa_off a:hover, #icon_casa_off a:active{
background-image: url("../img/painel/icon_carta.png");
}




#icon_carta a:link, #icon_carta a:visited, #icon_carta a:hover, #icon_carta a:active{
background-image: url("../img/painel/icon_home.png");
}

#icon_carta_off a:link, #icon_carta_off a:visited, #icon_carta_off a:hover, #icon_carta_off a:active{
background-image: url("../img/painel/icon_carta.png");
}

Editado por Rui Carlos
GeSHi

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.