• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

nuno_couto

CSS » Como "defenir" apenas uma área do site

14 mensagens neste tópico

Boas. Estou a começar a ler umas coisas sobre css e já percebi que uma determinada propriedade defenida, é válida para o selector correspondente.

Por exemplo:

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

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

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

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

Isto é válido para links devido ao "a"...

Mas como é que eu faço para isto só se aplicar a uma célula p.ex... (neste caso esta informação está dentro do head do documento)... A ideia era ter estas definições, mas só para o menu.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

poes por exemploe

.menu

{

}

e dps no html, poes o texto dentro destas tags

<div class="menu">
o teu texto ou outra coisa qq
</div>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Pus isto no head:

<style type="text/css">

.menu

{

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

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

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

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

}

</style>

isto no inicio da tabela do menu:

<div class="menu">

isto no final da tabela:

</div>

Não trabalha... O que fiz mal?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tens que usar o <a href="link"> blablabla </a>

se criaste uma Classe para o <a>  e se não o usas no código, como pode funcionar ?

Abraço

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

claro k isso n pode funcionar... tu tas a por selectores dentro de selectores, isso, que eu saiba, não funciona...

podes fazer o seguinte:

a.nome_da_class:link,
a.nome_da_class:visited, 
a.nome_da_class:active {
color: #000000;
text-decoration: none
}
a.nome_da_class:hover {
color: #CE0000;
text-decoration: none
}

<table>
<tr>
<td class="nome_da_class"></td>
</tr>
</table>

Todos os links dentro da celula com a class "nome_da_class" irá ter aquelas propriedades...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nao percebo :/

Isto está no header:

<style type="text/css">

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

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

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

a.menu:hover {color: #CE0000; text-decoration: none}

</style>

Isto está no body

<td class="menu"><a href="index.php">abcd</a></td>

E não trabalha :|

Mas se no header puser a:hover p.ex (sem o menu) já dá, mas pra tudo... Não está a reconhecer a class?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

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

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

a.menu:hover {color: #CE0000; text-decoration: none}

Experimenta assim

menu a:link {color: #000000; text-decoration: none}
menu a:visited {color: #000000; text-decoration: none}
menu a:active {color: #000000; text-decoration: none}
menu a:hover {color: #CE0000; text-decoration: none}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Alguem me consegue dar um pequeno ficheiro que tenha definições diferentes para duas áreas distintas da página? Não estou a conseguir fazer isso...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Da seguinte forma trabalha:

Algo deste tipo no head...

a.menu:hover {color: #CE0000; text-decoration: none}

Algo deste tipo no body

<a class="menu" href="index.php">página inicial</a>

Mas isto exige que seja defenida a class em cada link... Deve dar pra fazer algo que trabalhe numa célula inteira p.ex...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

<td class="menu">bla</td>

ou então numa tabela ou div

<table class="menu"></table>

Sempre assim desta maneira para colunas, linhas, div, tables, etc...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nada disso trabalha... Não sei se é por ter no header a.menu... Possivelmente exige que tenha no próprio link a class.

Mas conseguiste fazer assim?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

agora k tou praki a pensar... axo k o exemplo k te dei, fez bem em n funcionar lol.. pk n tem muita logica... eu tou a dizer que a class nome_da_class apenas é aplicada à tag "a", logo, ser aplicada a uma td ou table ou div, n devia funcionar e n funcionou...

ms penso que o codigo do softclean já funcione... n sei pk k n conseguiste por a dar... axo k te falta os pontos antes da class menu...

<html>
<head>
<style type="text/css">
.menu a:link,
.menu a:visited,
.menu a:active {
color: #000000;
text-decoration: none;
}
.menu a:hover {
color: #CE0000;
text-decoration: none;
}
</style>
</head>
<body>
<div class="menu"><a href="#">Teste de link...</a></div>
</body>
</html>

isto funcionou aki pa estes lados...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Ya ta a funcionar mas nao sei pk nao tou a conseguir pôr isso a dar num site que ja tenho feito... Vou investigar o que se passa.

Obrigado.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora