5 replies to this topic

[Hellrider]

Olá, minha dúvida é tão estúpida, to faz um tempo tentando resolver isso mas não consigo. Segue o menu:

.menu-v {
width:100%;
margin:0px;
padding:0px;
font: 10pt arial;
color: #fff;}

ul.menu {
margin: 0px 5px 0px 0px;}

.menu-v li {
list-style: none;
margin: 0px 5px 0px 0px;
border: none;
padding-bottom, padding-top: 1px;}

.menu-v li a:link {
display:block;
border-left:10px solid #0099CC;
border-right:10px solid #0099CC;
border-bottom:1px solid #09c;
text-decoration:none;
width:130px;
padding:1px;
background-color: #006699;
font: 10pt arial;
color:#fff;}

.menu-v li a:hover {
border-left:10px solid #0099CC;
border-right:10px solid #0099CC;
border-bottom:1px solid #09c;
text-decoration:none;
width:130px;
padding:1px;
background-color:#0099CC;
font: 10pt arial bold;
color:#fff;}

.menu-v li a:visited {
border-left:10px solid #0099CC;
border-right:10px solid #0099CC;
border-bottom:1px solid #09c;
text-decoration:none;
width:130px;
padding:1px;
background-color: #006699;
font: 10pt arial bold;
color:#fff;}

.menu-v li a:active {
display:block;
border-left:10px solid #0099CC;
border-right:10px solid #0099CC;
border-bottom:1px solid #09c;
text-decoration:none;
width:130px;
padding:1px;
background-color: #006699;
font: 10pt arial bold;
color:#fff;}

O "pobrema" é que onde ja foi clicado (visited), não atende ao a:hover e não fica com a cor #0099CC como as bordas. Por que isso acontece??

[tiraduvidas]

veja esse teste básico, aqui o hover pega sobre o link visitado.

<style type=text/css>
a{color:green}
a:visited{color:red}
a:hover{color:blue}
</style>

<a href=link.html>link</a>

[Hellrider]

E...



Desculpa, não entendi oque você quis dizer

[tiraduvidas]

eu passei um css, com ele você terá mesmo os links de sites visitados com o hover, é só usar esse código aí na sua página.

[_MX_]

será que é a ordem de colocação das classes??

[f4hr3nh3it]

como disse nosso amigo _MX_
é a ordem das classes

tente colocar o hover depois do visited