Ir para conteúdo
Fórum Script Brasil
  • 0

Problemas no css, não funciona corretamente


ju_rezende

Pergunta

Olá pessoal estou com um probleminha e a dias não consigo solucionar.

Criei um arquivo chamado menu.css, nele contendo o código abaixo

Menu.css

/* CSS Document */

#menu a

{

display:block;

width: 200px;

background-color:#FFFFFF;

padding: 3px;

font-family:Arial, Helvetica, sans-serif;

color: #706D6F;

text-decoration:none;

}

#menu a:link {

font-family:Arial, Helvetica, sans-serif;

}

#menu a:visited {

background-color:#FFFFFF

}

#menu a:hover

{

background-color:#E1E1E1

}

#menu a:active

{

background-color:#E1E1E1

}

#menu .selecionado {

background-color:#E1E1E1

}

preciso fazer o seguinte existem vário links na minha página, mas quendo eu estou em uma página que chegamos através de um deste link quero que ele fique de cor diferente como o site do submarino por exemplo)

então useiesta parte #menu .selecionado {

background-color:#E1E1E1

Olhem por favor minha página

Categoria.asp

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Categoria</title>

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

</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0" >

<tr>

<td align="center">

<table width="770" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="122" valign="top"><!--#include file="topo.html"--></td>

</tr>

<tr>

<td height="359" background="images/FundoMeio.gif" valign="top">

<table width="770" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="19" height="43">&nbsp;</td>

<td colspan="2">&nbsp;</td>

<td colspan="2">&nbsp;</td>

<td width="15">&nbsp;</td>

</tr>

<tr>

<td height="81">&nbsp;</td>

<td width="206" align="left" valign="top">

<div id="menu">

<a href="Categoria.asp" class="selecionado">Categoria</a> Porém ele não altera a cor, de funco quando estou nesta página. <a href="Produto.asp">Produto</a>

<a href="Noticia.asp">Notícias</a>

<a href="Institucional.asp">Instituciona</a>

<a href="Servicos.asp">Serviços</a>

<a href="Clientes.asp">Clientes</a>

<a href="NewsLatter.asp">NewsLatter</a>

<a href="GaleriaFotos.asp">Galeria de Fotos</a>

<a href="ComoComprar.asp">Como Comprar</a>

<a href="EntregaFrete.asp">Entrega e Frete</a>

<a heref="SegurancaPrivacidade.asp">Segurança e Privacidade</a>

<a href="usuarios.asp">Usuário</a>

</div>

</td>

<td colspan="2" valign="top" bgcolor="#E1E1E1" ><p class="style2">

<table width="516" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="119"><img src="images/cadastrar.jpg" alt="Cadastrar" width="72" height="93" /></td>

<td width="397" class="style4" align="left"><a href="cadatrarCategoria.asp">Cadastrar Categoria</a> </td>

</tr>

<tr>

<td><img src="images/Editar.jpg" width="84" height="99" /></td>

<td align="left"><span class="style4"><a href="VisualizarCategoria.asp">Editar Categoria</a> </span></td>

</tr>

</table>

</td>

<td width="6">&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>

<table width="770" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="38">&nbsp;</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height="32" background="images/fundorodape.jpg"></td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Pessoal fico muito grata mesmo pela atenção de todos, e fico no aguardo tentando solucionar o problema.

Grande Abraço

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Ué dona Juliana...você fez tudo certinho....

Tente mudar apenas a cor do elemento selecionado:

div#menu.selecionado{
color:green;
}

Só pra gente ter certeza de que o seletor pegou o elemento pela classe.

Pelo seu código, realmente deveria funcionar.

Vamo ver...

Link para o comentário
Compartilhar em outros sites

  • 0

Bom dia, olha só como faço nos meus links tenho um css chamado link1 para todos os meus links:

então faço um seguinte em todos os links q eu chamo o css link1: assim,

<td><div align="center"><a href="form_inclusao.asp" class="link1 style1">Incluir</a></div></td>

Link para o comentário
Compartilhar em outros sites

  • 0

Esquisito isso aí Juliana...fez certo, deveria funcionar.

Eu não uso o dreamweaver, então não sei nada do programa, eu sugeria que testasse o html no ie ou no ff.

Tá certo, realmente não tem o que falar do código....

A não ser que algum outro css esteja subescrevendo as propriedades definidas....tenta por uma borda nessa caixa pra ver onde ela está....ajuda no debug.

Aquele abraço.

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...