Ajuda No Css!

[BJack]

Olá pessoal,

Não sei bulhufas de CSS!! :huh: Nunca mexi nisso!! Um cara do projeto q havia mexido, e agora vou ter q editar uma coisa, preciso q os links das minhas páginas apareçam sublinhados!!

Aqui está um trecho que desconfio q seja aqui:

/************
 *   LINK   *
 ***********/

A          { color : #FFFFFF; text-decoration : none; }
A:Visited  { color : #FFFFFF; text-decoration : none; }
A:Active   { color : #FFFFFF; text-decoration : none; }
A:Hover    { color : YELLOW; text-decoration : none; }

Agora, onde mexo para deixa-lo sublinhado!??

Vlws!!

T+

[André Gusmão]

A          { color : #FFFFFF; text-decoration : underline; }

A:Visited  { color : #FFFFFF; text-decoration : none; }

A:Active  { color : #FFFFFF; text-decoration : none; }

A:Hover    { color : YELLOW; text-decoration : none; }

[BJack]

Valeu André, isso mesmo q eu precisava!

;)

[famage]

E se eu quiser sublinhar apenas quando focado, mas com uma cor diferente da fonte, é possível?

Fábio

[Guest Guest]

Ola Fábio,

É possível sim:

A propriedade text-decoration, controla o sublinhado do link o valor: none tira o sublinhado e o valor: underline coloca o sublinhado.

A propriedade color, controla a cor do link.

a:link é no estado normal;

a:visited é um link visitado;

a:active é o link ativo (clicado)

a:hover é o link com o mouse em cima.

E tem muito mais efeito que você consegue com CSS.

Pode até colocar sublinhado e sobrelinhado (Linha em cima e embaixo)

Dê uma olhada neste Tutorial - Links CSS

Um abraço,

Maujor

Site dedicado as CSS

[famage]

Maujor, infelizmente não estou conseguindo abrir o seu site, nem o tutorial...

O que estou querendo é o seguinte: o link está azul, sem decoração (ou seja, não está sublinhado,) e quando puser o mouse em cima do link este ficará azul com sublinhado vermelho e quando o mouse sair de cima ou clicar, o link volta ao estado inicial. Algo tipo isso, mas que funcione!

A             { color : blue; text-decoration : none; }

A:Visited { color : blue; text-decoration : none; }

A:Active   { color : blue; text-decoration : none; }

A:Hover   { color : blue; text-decoration :  underline;  underline-color : red; }

Nunca vi este efeito e gostaria de saber se isto é possível...

E como faço, é claro!

[Maujor]

Olá Fábio,

É possível sim, mas você tem que usar um artifício!

A propriedade CSS underline-color não existe em CSS1, mas se você declarar uma BORDA inferior na cor vermelha para o estado Hover, vai conseguir o efeito que procura.

No seu código troque a última linha para:

A:Hover   {  color : blue; text-decoration : none;  border-bottom: 1px solid #ff0000; }

e veja se é isso que você procura.

Se não resolver, volte a perguntar.

Nota:O host do meu site andou fazendo umas trocas de máquinas e por isso você não conseguiu acessá-lo.

Tente de novo que está tudo OK.

Aguardo tua visita.

[famage]

Maujor, brigadão! Era isso mesmo q eu tava procurando... Agora, seu site (e o tutorial) continuam com problemas e inacessíveis!