Jump to content


Photo

Problema Com Css No Menu


  • Faça o login para participar
8 replies to this topic

#1 pedrokike

pedrokike

    um dia eu aprendo

  • Usuários
  • 623 posts
  • Sexo:Masculino
  • Localidade:Curitiba-PR
  • Interesses:PC, Esportes, Carros, Net e Mulheres!!!!hehehehe

Posted 05/05/2004, 13:14

Ola

to tentando fazer um menusinho simples, soh com umas frescurinhas na hr de passar o mouse sobre o link do menu, mas num ta dando certo! :(

usei esse codigo:
<STYLE TYPE="text/css">
	<!--
	.classe1 a:link, a:visited{text-decoration:none; color:"#FFFF99";}
	.classe1 a:hover, a:active {color:"#FFCC33"; text-decoration:underline;}
	
	.classe2 a:link, a:visited{text-decoration:none; color:#000033;}
	.classe2 a:hover, a:active {color:#000099; text-decoration:underline;}
   -->
</STYLE>

por emquanto usei soh a primeira classe, mas os links num taum ficando com a cor inicial e/ou cor depois de visitada especificada, ta ficando azul bem escuro ou preto(num consegui definir! :blink: ) soh ta funcionando a cor qdo o mouse ta em cima do link!

hospedei a pagina pra ficar mais facil a visualização do problema!
http://www.cidadegua....br/novapagina/

vlw

Edição feita por: pedrokike, 05/05/2004, 13:14.

Pedro.

"Obstáculos são aquelas coisas assustadoras que você vê quando desvia seus olhos de sua meta." Henry Ford

#2 Maujor

Maujor

    Normal

  • Usuários
  • 93 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 05/05/2004, 13:44

Retire as aspas ("#FFCC33" e "#FFCC99") das cores!!
Maurício Samy Silva
www.maujor.com
Dicas e Tutoriais CSS
:::::::::::::::::::::::::
www.maujor.com/fw/
Tutoriais Fireworks

#3 pedrokike

pedrokike

    um dia eu aprendo

  • Usuários
  • 623 posts
  • Sexo:Masculino
  • Localidade:Curitiba-PR
  • Interesses:PC, Esportes, Carros, Net e Mulheres!!!!hehehehe

Posted 05/05/2004, 14:07

Retire as aspas ("#FFCC33" e "#FFCC99") das cores!!

num adianta, eu tinha feito sem as aspas, mas dae vi q o padrao do DW eh com aspas e colokei pra teste!


num eh isso, tenho certeza, mas num consigo achar o erro!
Pedro.

"Obstáculos são aquelas coisas assustadoras que você vê quando desvia seus olhos de sua meta." Henry Ford

#4 Maujor

Maujor

    Normal

  • Usuários
  • 93 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 05/05/2004, 15:56

a.classe1:link,  a.classe1:visited{text-decoration:none; color:#FFCC99;}
 a.classe1:hover, a.classe1:active {color:#FFCC33; text-decoration:underline;}

<a href="caminho" class="classe1">Link</a>

Edição feita por: Maujor, 05/05/2004, 15:58.

Maurício Samy Silva
www.maujor.com
Dicas e Tutoriais CSS
:::::::::::::::::::::::::
www.maujor.com/fw/
Tutoriais Fireworks

#5 pedrokike

pedrokike

    um dia eu aprendo

  • Usuários
  • 623 posts
  • Sexo:Masculino
  • Localidade:Curitiba-PR
  • Interesses:PC, Esportes, Carros, Net e Mulheres!!!!hehehehe

Posted 06/05/2004, 08:17

a.classe1:link,  a.classe1:visited{text-decoration:none; color:#FFCC99;}
 a.classe1:hover, a.classe1:active {color:#FFCC33; text-decoration:underline;}

<a href="caminho" class="classe1">Link</a>

tentei isso tbem e naum deu certo! :blink:

detalhe, usando isso viro um link normal, nem o a:hover funfow! :wacko:

existe algum outro modo de fazer isso? tipo de ter um link com uma cor e sem ser sublinhado e qdo o mouse ta em cima ele fica sublinhado e mude de cor!?

Soh pra teste, ja linkei os textos q vaum receber o outro estilo de CSS! esse funcionou legal!

PS: Maujor, acho q a apostila q eu peguei pra tentar fazer isso eh do seu site! :) pq tem um exemplo de link q vai pra sua pagina! hehe!

t+

Edição feita por: pedrokike, 06/05/2004, 09:24.

Pedro.

"Obstáculos são aquelas coisas assustadoras que você vê quando desvia seus olhos de sua meta." Henry Ford

#6 Maujor

Maujor

    Normal

  • Usuários
  • 93 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 06/05/2004, 09:28

No codigo original do meu site a classe é aplicada numa tag span no link!
O codigo que te mandei aqui funcionou oK!
O problema deve ser com teu HTML e não as CSS>
Faça uma revisão na HTML
:D Nota: Estude e entenda o Tutorial.
Copiar e colar as vezes não funciona! :D

Edição feita por: Maujor, 06/05/2004, 09:31.

Maurício Samy Silva
www.maujor.com
Dicas e Tutoriais CSS
:::::::::::::::::::::::::
www.maujor.com/fw/
Tutoriais Fireworks

#7 pedrokike

pedrokike

    um dia eu aprendo

  • Usuários
  • 623 posts
  • Sexo:Masculino
  • Localidade:Curitiba-PR
  • Interesses:PC, Esportes, Carros, Net e Mulheres!!!!hehehehe

Posted 06/05/2004, 09:37

Oshe, entaum eh tilt do DW, num copiei e colei, eu peguei o tuto imprimi e fui vendo o q tinha q fazer, mas mesmo assim num deu certo, usando soh um estilo da, mas qdo tento colocar os 2 num ta dando, no segundo deu certo, ja no primeiro naum, em ultimo caso na facu tenho aula de web, dae vejo com meu professor o q pode tar acontecendo, fica mais facil perguntar pessoalmente! :)
Pedro.

"Obstáculos são aquelas coisas assustadoras que você vê quando desvia seus olhos de sua meta." Henry Ford

#8 FallenHawk

FallenHawk

    Turista

  • Usuários
  • 32 posts
  • Sexo:Não informado

Posted 07/05/2004, 15:34

Do jeito que você especificou no CSS, apenas "a" dentro de uma tag com classe igual a "classe1" terá os estilos. Fora isso, vc ainda definiou ":hover" e ":visited", que complica mais ainda.

Coloque "class=classe1" nos <tds> que vão ter os links.

<td class="classe1">
<a href="#">Links</a><br />
<a href="#">Links</a><br />
</td>


Substitua o CSS pra ficar mais fácil:

<STYLE TYPE="text/css">
<!--
.classe1 a {text-decoration:none; color:"#FFFF99";}
.classe1 a:hover {color:#FFCC33; text-decoration:underline;}

.classe2 a {text-decoration:none; color:#000033;}
.classe2 a:hover{color:#000099; text-decoration:underline;}
  -->
</STYLE>

Qualquer coisa pergunta denovo!
// ASAP / Aliança dos Profissionais de Análise de Segurança
// FallenHawk

#9 pedrokike

pedrokike

    um dia eu aprendo

  • Usuários
  • 623 posts
  • Sexo:Masculino
  • Localidade:Curitiba-PR
  • Interesses:PC, Esportes, Carros, Net e Mulheres!!!!hehehehe

Posted 08/05/2004, 21:04

vlw velho, essa pagina tah no trampo, soh segunda vo mecher nela!!! mas se der certo ou naum eu posto! :)
-------------------------------

ae deu certo mesmo!! vlw!

Edição feita por: pedrokike, 10/05/2004, 10:07.

Pedro.

"Obstáculos são aquelas coisas assustadoras que você vê quando desvia seus olhos de sua meta." Henry Ford




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq