Links com texto sublinhado

[nuno_couto]

Boas.

No Frontpage, quando se cria um link, o texto fica por definição em azul e sublinhado. Manualmente é possível formata-lo novamente.

Retirando o "sublinhado", o link trabalha normalmente no Internet Explorer mas no firefox aparece sempre sublinhado.

Alguem sabe porquê? No código aparece "text decoration: none" no texto do link. Não era suposto ficar o texto simples?

[Guest id194]

mostra o codigo...

[nuno_couto]

<p><a href="http://www.portugal-a-programar.org">

<span style="text-decoration: none"><font color="#000000">texto do link</font></span></a></p>

Este código origina um texto sublinhado no Firefox e um texto simples no Internet Explorer

[nuno_couto]

Já agora coloco outra questão. Como fazer para os links funcionarem como neste site? (ficam em texto sem formatação e em roll over ficam sublinhados)

[Guest id194]

xii a tag <font>, isso ja n se usa 👍

primeiro conselho, deixa o frontpage pa um canto... e depois usa css para os links, pesquisa no google que consegues facilmente fazer isso tudo que queres

[nuno_couto]

Ainda não tive tempo para pesquisar decentemente o css... Mas é possível colocar algum tipo de comando num ficheiro para alterar o comportamento de todos os links dessa página, ou a alteração é obrigatoriamente feita em cada link, para resolver a situação que te monstrei?

[Guest id194]

não ha comando nenhum, apenas existe o css que faz isso num instante

[_JR_]

Mete no head:

<style type="text/css">

a:link {color: #000000; text-decoration: none}

a:visited {color: #000000; text-decoration: none}

a:active {color: #000000; text-decoration: none}

</style>

Pelo menos foi o que fiz quando precisei 😛

[nuno_couto]

Está perfeito thanks... Com css o comportamento dos links é exactamente igual no Firefox e no IE...

Sabes dizer-me como se "limita" estas definições a uma parte do site apenas?

Imagina que quero os links de uma côr num sitio e diferentes noutro dentro da mesma página...

[softklin]

Imagina que quero os links de uma côr num sitio e diferentes noutro dentro da mesma página...

Isso é fácil  😄

Continuando com o CSS, crias uma nova class com um nome, por exemplo, "outrolink". Depois é só definir a:link com as cores pretendidas. Fica do género:

dentro da tag do text/css

.outrolink a:link {
color: #0066FF;
font-size: 8pt;
}

Depois no texto, defines o link com essa class:

<a href="bla bla" class="outrolink">bla bla</a>

[nuno_couto]

E já agora, imagina que queres o menu do site diferente do corpo do site... Dá pra defenir uma determinada tabela ou célula por exemplo para ficar com uma definição e a outra ficar com definições diferentes?

[softklin]

E já agora, imagina que queres o menu do site diferente do corpo do site... Dá pra defenir uma determinada tabela ou célula por exemplo para ficar com uma definição e a outra ficar com definições diferentes?

Sim, é da mesma maneira: crias uma class. Se sabes trabalhar bem com classes não irás ter nenhum problema.  😄

Já agora, esqueci-me de referir: isto não são classes: são pseudo-classes!  😄

Já agora, no site http://www.w3schools.com/css/default.asp tens MONTES e MONTES de informação sobre o CSS e as classes em geral.