Link's Template

Olá, o código e gostaria que me ajudasse para quando o cara passase o mouse sobre o link ele sublinhasse automaticamente e mudasse de cor a letra do link. Eu ja tentei de tudo e não consegui.


/* sublinhar links */
<style type="text/css">
<!--
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #000000;
}
-->
</style>

Olá,

Coloque o link pro seu site, se possível. O código que sublinha um link quando coloca o mouse é

a:hover{
text-decoration: underline;
font: Arial 12px;
color: #fff;
}

Nesse exemplo ele fará o link ficar na fonte Arial com 12 pixels na cor branca.

um abraço,
Fabio.

Coloque um !important depois do a: hover, provavelmente alguma outra regra do template está sobrescrevendo a sua, pois pelo que vi você já colocou a regra de sublinhado que é a underline;

Faz assim:

fabio_123123 escreveu: Olá,

a:hover{
text-decoration: underline !important;
font: Arial 12px;
color: #fff;
}

Nesse exemplo ele fará o link ficar na fonte Arial com 12 pixels na cor branca.

um abraço,
Fabio.