Active

[MTavares]

Olá colegas.. olha eu aqui com mais uma dúvida....

tenho uma página onde consta um menu. Nesse menu, ao clicar em um dos itens, aparece uma div ao lado com o conteúdo referente a cada item do menu. O problea está que não estou conseguindo colocar o a:active para funcionar. Vejama abaixo:

#menu-esquerdo-inferior .sobre-eventos-menu a:hover, .sobre-eventos-menu a:active {
color:#F00;
}

já tentei nos browsers Firefox, IE e Chrome, mas nada....

Obrigado!

[atkins]

Me desculpe a falta de conhecimento hehe, mas de fato o que o active faz??

Talvez possamos contornar o problema usando outro método...

Editado Janeiro 23, 2013 por atkins

[MTavares]

também não conheço muito, mas dizem por aí que o active deixa o link ativo ^_^

[atkins]

ahhh eu entendi ele hehe... na verdade esse active funciona para quando você tem um link que esta ativo, isso quer dizer que você o ativou uma vez anteriormente... Mas o que você ta tentando fazer com isso??

[MTavares]

Então, na verdade, tenho uma página com um menu.... quando clicamos em um item desse menu, aparece uma div ao lado desse menu, mas os links do menu não ativam, para sabermos em qual conteúdo estamos, por ex:

Menu:

link 1

link 2

link 3

Vamos supôr que eu clique no link 2, gostaria que ficasse assim:

Menu:

link 1

link 2 [conteúdo do link 2]

link 3

Só que quando coloco o a:active, não funciona :blink:

[atkins]

Ahhh ta, não é com active que você faz isso... posta o código do seu menu junto com css fazendo favor pra eu ver como você fez e te falo certinho como modificar isso...

[MTavares]

Olá atkins,

desculpe pela demora da resposta... segue abaixo o código:

<ul id="menu-esquerdo">
                <li class="div-menu">Menu I</div>
  </ul>

CSS:

#menu-esquerdo .div-menu a:hover{
text-decoration:none;
background-image:url(../images/imagem_ativo.png);
width:124px;
height:36px;
}

Editado Janeiro 24, 2013 por MTavares

[atkins]

0.o não to quereno ser chato mas não é só isso não, não tem como você determinar um menu rollover com apenas 1 item de css...

[MTavares]

:huh: não entendi

[atkins]

Faz assim, tem como você me passar o css completo, ou você só tem isso??

Porque tipo, pra clicar e o menu aparecer, o css deve ser maior...

[MTavares]

Ah sim, claro .... vou disponibilizar a parte que estou com problemas, combinado? pois o código é grande pra caramba : )

<ul id="menu-esquerdo">
                <li class="div-menuI">Menu I</div>
                <li class="div-menuII">Menu II</div>
                <li class="div-menuII">Menu III</div>
</ul>

#menu-esquerdo .div-menuI a{
text-decoration:none;
background-image:url(../images/imagem_inativo_pagI.png);
width:124px;
height:36px;
}
#menu-esquerdo .div-menuI a:hover{
text-decoration:none;
background-image:url(../images/imagem_ativo_pagI.png);
width:124px;
height:36px;
}
#menu-esquerdo .div-menuII a{
text-decoration:none;
background-image:url(../images/imagem_inativo_pagII.png);
width:124px;
height:36px;
}
#menu-esquerdo .div-menuII a:hover{
text-decoration:none;
background-image:url(../images/imagem_ativo_pagII.png);
width:124px;
height:36px;
}#menu-esquerdo .div-menuIII a{
text-decoration:none;
background-image:url(../images/imagem_inativo_pagIII.png);
width:124px;
height:36px;
}
#menu-esquerdo .div-menuIII a:hover{
text-decoration:none;
background-image:url(../images/imagem_ativo_pagIII.png);
width:124px;
height:36px;
}

Mudei a nomeclatura das divs e do menu para facilitar....

Vlw

[atkins]

Na verdade eu penso assim, se você tem que clicar no menu pra conseguir abrir a segunda parte, deve ter algo relacionado com onClick, você coloca no onClick, o blocked, que ele bloqueia exatamente do jeito que você deixou quando clicou...

[MTavares]

Olá atkins... desculpa, esqueci de colocar o link do código, pois estou no trabalho e está um pouco corrido aqui... rsrs... segue abaixo o link do menu:

<ul id="menu-esquerdo">
                <li class="div-menuI"><a href="java script:onclick=ExpandeDiv('div1')">Menu I</a></div>
                <li class="div-menuII"><a href="java script:onclick=ExpandeDiv('div2')">Menu II</a></div>
                <li class="div-menuII"><a href="java script:onclick=ExpandeDiv('div3')">Menu III</a></div>
</ul>

Nesse caso, como eu faria para colocar o blocked? teria como você me dar um exemplo? pois webdesign não é muito o meu forte...rsrs

Abs

[atkins]

Então cara como você ta fazendo o click com javascript, a modificação também devera ser em java script, porque não tem como eu determinar em html isso, tipo não da pra eu falar pro html que o javascript acabou de ativar saca... ve com o pessoal de java script que eles te resolvem isso facinho...

[MTavares]

beleza atkins... valeu pela dica... vou dar um pulo lá no fórum javascript para ver se encontro essa solução :D

Abraços