Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

misterviralata

[Resolvido] Tirar Sublinhado do Link

Por , em Desenvolvimento frontend

Recommended Posts

misterviralata    0

misterviralata
Postado

Ola Amigos!

 

Os exemplos que achei na internet para tirar o sublinhado de um link quase todos assim:

 

 

<head>
<style>
<style type="text/css">
<!--
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline;
color: #FF0000;
}
a:active {text-decoration: none}
-->
</style>
</head>

 

 

<a href="link1.html">Link 1</a>

 

Tem alguma forma de usar este CSS fora do HEAD, exemplo quando vou usar uma div uso assim:

 

<div style="font-size:10px; font-weight:bold; color:red;>texto texto</div>

 

Como faço para colocar o CSS que tira o sublinhado dentro de uma div ? tentei assim e não funcionou:

<div style="a:link text-decoration: none; a:visited text-decoration: none; a:hover text-decoration: underline;color: #FF0000; a:active text-decoration: none;>texto texto</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Pelo que eu saiba, ou o CSS fica DENTRO do Head, ou em um arquivo externo.

Para fazer um arquivo externo(sem tags html), você deve declarar que vai fazer isso, linkando o arquivo assim, na tag head:

 

<link rel="stylesheet" type="text/css" href="./estilo.css">

No caso, o "estilo.css" é o arquivo externo que contém todas as minhas estilizações.

Por que qr colocar o CSS dentro da DIV?

 

Entendo que ele é "global", ou seja, sendo declarado na HEAD, funciona em todo o documento.

Compartilhar este post

Link para o post
Compartilhar em outros sites

misterviralata    0

misterviralata
Postado

Ola tiu uiLL!

 

Sim eu sei que se ele for declarado dentro do <head> ele vai servir para todo o documento.

 

Mas eu só queria saber se tem alguma forma de escrever o CSS dentro de uma div especifica como no exemplo que mostrei

 

<div style="font-size:10px; font-weight:bold; color:red;>texto texto</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

misterviralata    0

misterviralata
Postado

Ola Paulo de Tarso F. M.!

 

Realmente o sublinhado se tira de um link ou texto, mas da pra tirar o sublinhado usando CSS para quando passar o mouse o link ficar sublinhado ou sumir o sublinhado exemplo

 

<a href ="link.html" style="blablablablablablablabla">

Compartilhar este post

Link para o post
Compartilhar em outros sites

misterviralata    0

misterviralata
Postado

Pessoal Achei um Jeito de resolver!!!!

 

<a href="teste.html" style="text-decoration: none;" onMouseOver="this.style.textDecoration='underline';" onMouseOut="this.style.textDecoration='none';">
Passe o mouse o link vai sublinhar</a>

Obrigado!

 

Se alguém souber outra maneira posta ai!

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

um exemplo rápido sem javascript ;)

 

<style>
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
</style>
<a href="teste.html">Passe o mouse o link vai sublinhar</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito