Guest - s_ric_ptbrasil - Postado Dezembro 5, 2006 Denunciar Share Postado Dezembro 5, 2006 CSS: efeitos de Link De 2 classes 1 funciona e outra não. Por que?Eu linkei as duas classes no head e...<link href="link_principal.css" rel="stylesheet" type="text/css"><link href="link_azul.css" rel="stylesheet" type="text/css"></head>... inseri uma em cada td<td class="link_azul.css" ...<td class="link_principal.css" ...Agradeço desde já. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jaquelinerz Postado Dezembro 5, 2006 Denunciar Share Postado Dezembro 5, 2006 na hora de inserir na td... você tem que colocar o nome da classe... e não o nome do arquivo CSSpor exemplo...tenho um aquivo chamado "estilos.css"dentro desse arquivo tenho a classe.c1 { font: arial, verdana, courrier; } no meu html vai ficar assim <link href="estilos.css" rel="stylesheet" type="text/css"> e na minha td vai <tr> <td class="c1">lalala</td> </tr>=*** Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 6, 2006 Denunciar Share Postado Dezembro 6, 2006 Não tinha entendido direito mas mesmo assim tentei fazer de várias formas, mas não consegui.o link<link href="estilos.css" rel="stylesheet" type="text/css">é um só, ou daquela forma estava certo?Outra coisa é classe.c1 { font: arial, verdana, courrier;}quando coloco .c1 antes da classe, até aí está tudo certo, não descobri nenhum erro, mas quandocoloco em cada td a classe respectiva, no browser ele lê uma só, ou seja, continua a mesma coisa. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 .Andreia. Postado Dezembro 6, 2006 Denunciar Share Postado Dezembro 6, 2006 Exemplo:<style> A.link_azul:link {color: #3366FF} A.link_azul:visited {color: #3366FF} A.link_azul:hover {color: #3366FF; font-weight: bold} A.link_azul:active {color: #3366FF} A.link_principal:link {color: #CC3333} A.link_principal:visited {color: #CC3333} A.link_principal:hover {color: #000000} A.link_principal:active {color: #CC3333} </style> <a href="link1.html" class="link_azul">Link azul</a><br> <a href="link1.html" class="link_principal">Link principal</a> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jaquelinerz Postado Dezembro 6, 2006 Denunciar Share Postado Dezembro 6, 2006 Não tinha entendido direito mas mesmo assim tentei fazer de várias formas, mas não consegui.o link<link href="estilos.css" rel="stylesheet" type="text/css">é um só, ou daquela forma estava certo?Outra coisa é classe.c1 { font: arial, verdana, courrier;}quando coloco .c1 antes da classe, até aí está tudo certo, não descobri nenhum erro, mas quandocoloco em cada td a classe respectiva, no browser ele lê uma só, ou seja, continua a mesma coisa.veja bem... você não precisa fazer dois arquivos .css pra cada estilo diferente.... você tem que dar nomes as classes pra usar de formas diferentes..faz o seguinte... cria um arquivo chamado estilos.css nesse arquivo você digita duas classes .link_principal { } .link_azul { } como a andreia ensinou ai.... e salva ele!! no seu HTML você coloca <head> <link href="estilos.css" rel="stylesheet" type="text/css"> </head> (...) <tr> <td class="link_principal">LINK1</td> </tr>note que quando você chamar a classe o nome que voce usa é o da CLASSE não o do arquivo -.o Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest ricardo_1 Postado Dezembro 6, 2006 Denunciar Share Postado Dezembro 6, 2006 Até aí tudo bem, só não entendi isso aí. É pra colocar no estilos.css ou é pra colocar no html?<a href="link1.htm" class="link_azul">Link azul</a><br><a href="link1.htm" class="link_principal">Link principal</a>Eu copiei do da andreia e colei em estilos.css e fiz tudo como você pediu mas continua do mesmo jeito. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Dezembro 6, 2006 Denunciar Share Postado Dezembro 6, 2006 Já tive esse problema, é uma questão de hierarquia ! Você num pode colocar a classe dentro do <a> porque aí você vai estar definindo esses parâmetros pra um outro <a> que fique DENTRO dele, mas não vai ter nenhum e por isso num funciona... O certo é montar uma div e colocar a classe nela. Aí quando você colocar um <a> DENTRO da div com a classe, ele vai aplicar a formatação...<div class="link_principal"><a href="link1.htm">Link principal</a><div class="link_azul"><a href="link2.htm">Link dois</a> Não precisa ser necessariamente uma div, mas a classe tem que estar em um elemento que o <a> vai ficar DENTRO, seja uma <td>, <span>, etc.. Entendeu ? :) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 flavio Postado Dezembro 6, 2006 Denunciar Share Postado Dezembro 6, 2006 Bom... pra começo de conversa, Ricardo, cadastre-se no fórum e faça parte da equipe...As folhas de estilo podem ser vinculadas a um documento de três maneiras distintas: 1. Importadas ou lincadas; 2. Incorporadas; 3. Inline. Para maiores (maiores, mesmo) informações veja http://www.maujor.com/tutorial/insetut.phpÉ um site indicado para desenvolvedores iniciantes ou avançados em CSS. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 7, 2006 Denunciar Share Postado Dezembro 7, 2006 rajneesh, desculpe a minha ignorância, mas não encontrei o link de cadastro do fórum, você pode me dizer onde fica? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 .Andreia. Postado Dezembro 7, 2006 Denunciar Share Postado Dezembro 7, 2006 rajneesh, desculpe a minha ignorância, mas não encontrei o link de cadastro do fórum, você pode me dizer onde fica?Ueh mas voce já é cadastradohttp://scriptbrasil.com.br/forum/index.php?showuser=16873 Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 7, 2006 Denunciar Share Postado Dezembro 7, 2006 Já estou ficando confuso :blink: . É muita css na minha cabeça e mal conheço essa linguagem. Vou refrescar um pouco a cabeça pois vou acabar ficando maluco.Desculpem gente, mas o problema é comigo mesmo. Volto a postar dúvidas, pois não vou desistir nunca. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 8, 2006 Denunciar Share Postado Dezembro 8, 2006 Fiz um novo para testar a funcionalidade e veja o que aconteceu.style.css (novo arquivo)<style>A.link_1:link {color: #01537E}A.link_1:visited {color: #01537E}A.link_1:hover {color: #43728B}A.link_1:active {color: #01537E}A.link_2:link {color: #ffffff}A.link_2:visited {color: #ffffff}A.link_2:hover {color: #ff6600}A.link_2:active {color: #ffffff}</style>2class.htm (novo html como teste)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Documento sem título</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="style.css" rel="stylesheet" type="text/css"></head><body><table width="730" height="40" border="1" cellpadding="4" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#3DA4CB"> <tr> <td><div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="1.htm" class="link_1">Painel de Controle</a></strong></font></div></td> </tr> <tr> <td><div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="2.htm" class="link_2">Home</a></strong></font></div></td> </tr></table></body></html>Enfim, aconteceu o seguinte:Desta vez o link Painel de Controle ficou diferente de Home, mas o estilo de efeitos de link não estão coincidindo. Por quê? :huh: Agradeço mais uma vez pela ajuda. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Dezembro 8, 2006 Denunciar Share Postado Dezembro 8, 2006 Cara, como eu t falei lá em cima.... você tem que colocar a classe no <div> ou <td> que o link vai ficar dentro... Faz assim: <td><div align="left" class="link_1"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="1.htm">Painelde Controle</a></strong></font></div></td> Não é que o jeito que você está fazendo não funciona... não funciona porque você determinou a classe no <a>, então somente colocando um <a> dentro desse que ele vai funcionar: <td><div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a class="link_1"><a href="1.htm">Painelde Controle</a></a></strong></font></div></td> Entendeu ? esses dois jeitos devem funcionar, mas como o primeiro é o código é menos confuso e mais limpo, sugiro que fique com ele.... Hierarquia é um terror, sofri muito com isso até aprender... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jaquelinerz Postado Dezembro 8, 2006 Denunciar Share Postado Dezembro 8, 2006 como o Johnny falou... hierarquia é um problema sério mesmo...a melhor solução é colocar sua classe na DIV ou na TD pra que tudo que venha "dentro" delas tenha a classe aplicada...outra coisaFiz um novo para testar a funcionalidade e veja o que aconteceu.style.css (novo arquivo)<style>A.link_1:link {color: #01537E}A.link_1:visited {color: #01537E}A.link_1:hover {color: #43728B}A.link_1:active {color: #01537E}A.link_2:link {color: #ffffff}A.link_2:visited {color: #ffffff}A.link_2:hover {color: #ff6600}A.link_2:active {color: #ffffff}</style>você não precisa adicionar as tags style no arquivo com extensão .css ^^"só precisa adicionar se você estiver usando css descrito dentro da página HTML Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 8, 2006 Denunciar Share Postado Dezembro 8, 2006 Jony, eu fiz daquela maneira que você ensinou. Coloquei a class na div e também tirei aquele style que Jaqueline comentou, e continua não funcionando. Só que agora os links estão de formas diferentes da passada. Elas estão com a mesma cor. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jaquelinerz Postado Dezembro 8, 2006 Denunciar Share Postado Dezembro 8, 2006 faz o seguinte.... posta teu código todo ai... de tudo... o html e o css ^^" Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Cara, posta aí teu código sempre que der erro que fica mais fácil de saber onde tá dando xabu.... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Cara, li teu código meio por cima, por isso vou perguntar: Os links do menu estão dentro da área #popitmenu ?? porque se estiverem você já atribui estilo neles na própria página... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Jony, no layout existe uma td para menu:" Home | Empresa | Serviços | Equipamentos | Recarga | Contate-nos " Veja que eu tenho esses itens acima, mas só contate-nos tem popitmenu, mas a class tem que atingir todo o menu, menos o submenu de contate-nos.Uma das class tem que atingir Painel de Controle(td) e outra class tem que atingir todo o menu(outra td) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Ihh, esqueci de responder a sua pergunta. A resposta é sim, o popitmenu está dentro de contate-nos. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Cara, você esqueceu de colocar o sinal de igual nas duas classes ! <div id="menu" align="right" class"link_principal"> faz assim: <div id="menu" align="right" class="link_principal"> Aí vai dar certo... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Jony, ainda assim não deu certo.Outra coisa, estava pensando do popitmenu ficar com o mesmo efeito da class"link_principal", como ficaria? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Dezembro 11, 2006 Denunciar Share Postado Dezembro 11, 2006 Para isso você coloca os dois juntos na classe: class="popitmenu, link_principal" Mas tome cuidado com o lance de hierarquia... Se as duas classes tiverem, por exemplo, cores diferentes, somente uma irá prevalecer... se não me engano a da segunda... Então não coloque estilos repetidos (ex. text-weight normal em um e bold no outro) porque só vai valer um... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - s_ric_ptbrasil - Postado Dezembro 12, 2006 Denunciar Share Postado Dezembro 12, 2006 Jony, eu vou manter o popitmenu no estilo antigo, mas em relação ao erro da class com o sinal de =, eu alterei, mas não adiantou. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Dezembro 12, 2006 Denunciar Share Postado Dezembro 12, 2006 Cara, tem alguma coisa errada que tá impedindo o estilo de funcionar direito... Eu peguei a tua página e arranquei tudo, deixei só a img de topo e os links... funcionou... sugiro que faça o mesmo e a partir daí remonte a tua página pra ver o que está t atrapalhando.... Aconselho também aproveitar que está usando css e crie um estilo pra não ter que ficar abrindo tag de fonte o tempo todo, aproveita que tá mexendo com css e manda bala ! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Guest - s_ric_ptbrasil -
CSS: efeitos de Link
De 2 classes 1 funciona e outra não. Por que?
Eu linkei as duas classes no head e...
<link href="link_principal.css" rel="stylesheet" type="text/css">
<link href="link_azul.css" rel="stylesheet" type="text/css">
</head>
... inseri uma em cada td
<td class="link_azul.css" ...
<td class="link_principal.css" ...
Agradeço desde já.
Link para o comentário
Compartilhar em outros sites
33 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.