[fabianotecnico]

Galera

estou precisando de um código que vou colocar em um site para o seguinte:

que quando eu passe o mouse nele ele mude de cor e fique sublinhado, igual ao site do submarino e até mesmo aqui no forum os links são assim precisava de uma coisa concreta, pois o que achei na net é em css e não consegui fazer rodar no DW ele aparece como estilo depois não consigo fazer mais nada!

Olha o código que arranjei só que este já está sublinhado por padrão eu preciso de um que na hora em que passa o mouse ele fique sublinhado!

Segue o código:


<style>
body,p,a,td,table {
font-family:Verdana,;
font-size:12px;
color:#000066;
}
.teste {}
.teste:hover { color:#990000}
</style>
<p class="teste"><a href="javascript:void(nuell)" class="teste">Página Principal</a>
<style type="text/css">


alguem poderia me dar uma força???

Agradeço pela ajuda!!

Fabiano Gomes da Silva
fabianotecnico@ig.com.br
fabianotecnico@hotmail.com (msn)

[kikomx]

<style>
body,p,a,td,table {
font-family:Verdana,;
font-size:12px;
color:#000066;
}
.teste {}
.teste:hover { color:#990000}
</style>
<p class="teste"><a href="javascript:void(nuell)" class="teste">Página Principal</a>
<style type="text/css">

tente o seguinte:

<style>
body,p,a,td,table {
font-family:Verdana,;
font-size:12px;
color:#000066;
}
.teste {text-decoration: none }
.teste:hover { color:#990000; text-decoration:underline }
</style>
<p class="teste"><a href="javascript:void(nuell)" class="teste">Página Principal</a>


**Espero ter ajudado,
Falows

[Marcus VBP]

<style>
body,p,a,td,table {
font-family:Verdana,;
font-size:12px;
color:#000066;
}
.teste {}
.teste:hover { color:#990000}
</style>
<p class="teste"><a href="javascript:void(nuell)" class="teste">Página Principal</a>
<style type="text/css">

tente o seguinte:

<style>
body,p,a,td,table {
font-family:Verdana,;
font-size:12px;
color:#000066;
}
.teste {text-decoration: none }
.teste:hover { color:#990000; text-decoration:underline }
</style>
<p class="teste"><a href="javascript:void(nuell)" class="teste">Página Principal</a>

**Espero ter ajudado,
Falows

opa, vamos lah. o primeiro erro eh o seguinte: nao existe necessidade de colocar a classe "teste" na tag <p>, apenas na tag <a>.
se vc colocar na tag <p> nao vai funcionar por um motivo: vc está usando o Internet Explorer.

a pseudo-classe :hover, era pra funcionar em qualquer tag html, mas no IE soh funciona na tag <a>. vai entender...

o segundo erro, não eh erro, eh uma observação.
se vc quer q cada link seu siga esse padrão, criar uma classe nao eh um caminho pratico.

vc faz:

a {text-decoration: none }
a:hover { color:#990000; text-decoration:underline }

todos os seus links vao seguir esse padrao.
agora se vc quer q apenas os links do menu, por exemplo, sigam esse padrao, eh facil tb. vc coloca os links do menu dentro de uma div com o identificador q vc escolher (por exemplo, "menu"). no CSS vc escreve:

#menu a {text-decoration: none }
#menu a:hover { color:#990000; text-decoration:underline }

apenas os links dentro da div com id "menu" vao ser afetados.


T+