Problemas com menu
Bem, construí um menu com a seguinte estrutura:ul.menu {
margin: 10px 0;
padding: 0;
width: 140px;
list-style-type: none;
background-color: rgb(212,216,225);
border-top: 1px solid rgb(39,9,98);
}
ul.menu li {
border-bottom: 1px solid rgb(39,9,98);
}
ul.menu li a:link, ul.menu a:visited {
display: block;
height: 1%;
text-decoration: none;
font: 8pt "Trebuchet MS", Tahoma, Arial;
color: rgb(181,147,79);
letter-spacing: 1px;
border-left: 7px solid rgb(39,9,98);
border-right: 2px solid rgb(39,9,98);
padding: 2px 4px;
}
ul.menu li a:hover {
background: rgb(255,255,225);
border-left: 7px solid rgb(181,147,79);
border-right: 2px solid rgb(181,147,79);
color: rgb(39,9,98);
display: block;
}
Tá tudo OK, mas agora quero que, quando na página referente ao menu da navegação (que fica à esquerda), o texto dentro da caixa fique exatamente como está configurado enquanto link, porém com um risco sobre ele.
Difícil de entender minha explicação? Facilito então. Tenho um link denominado "Estatísticas", que tem uma âncora. Quando a pessoa clicar nesse link, quero remover a âncora, e manter as configurações de fonte, espaçamento, etc., só que com line-trought.
Já tentei de tudo e não consegui resolver isso.
Discussão (2)
Carregando comentários...